:root {
  --accent-color: #006BFF;
  --badge-glow:
    drop-shadow(-1px -1px 0px #E7EBEE)
    drop-shadow(1px -1px 0px #E7EBEE)
    drop-shadow(1px 1px 0px #E7EBEE)
    drop-shadow(-1px 1px 0px #E7EBEE);
  --badge-neutral-glow:
    drop-shadow(-1px -1px 0px #E7EBEE)
    drop-shadow(1px -1px 0px #E7EBEE)
    drop-shadow(1px 1px 0px #E7EBEE)
    drop-shadow(-1px 1px 0px #E7EBEE);
  --badge-tooltip-background-color: yellow;
  --badge-tooltip-color: black;
  --body-background-color: #F0F0F0;
  --body-color: black;
  --boss-health-bar-background-color: #FF0032;
  --boss-health-bar-label-color: black;
  --button-keyboard-shortcut-label-color: gray;
  --check-in-badge-background-color: rgb(238,75,43,0.3);
  --check-in-badge-emoji: "🔥";
  --check-in-overdue-alert: #FF073A;
  --check-in-post-status-color: #006BFF;
  --comment-delete-button-color: black;
  --comment-username-color: black;
  --comments-background-color: #E7EBEE;
  --editable-button-color: gray;
  --express-check-in-cta-background-color: transparent;
  --express-check-in-cta-color: black;
  --express-check-in-cta-border: 1px solid black;
  --express-check-in-cta-active-background-color: yellow;
  --express-check-in-cta-active-color: black;
  --emoji-picker-button-background-color: #E7EBEE;
  --emoji-picker-button-icon-color: black;
  --exercise-check-in-timestamp-color: gray;
  --express-check-in-badge-background-color: rgb(255,255,0,0.2);
  /* --express-check-in-badge-emoji: "⚡"; */
  --express-check-in-post-status-color: yellow;
  --fitness-test-range-track-first-segment: #F3BD24;
  --fitness-test-range-track-second-segment: orange;
  --fitness-test-range-track-third-segment: #FE5D26;
  --fitness-test-range-track-fourth-segment: red;
  --fitness-test-range-track-fifth-segment: #62109F;
  --fitness-test-submit-button-background-color: white;
  --fitness-test-submit-button-color: black;
  --fitness-test-submit-button-border: 1px solid black;
  --fitness-test-submit-button-active-background-color: yellow;
  --fitness-test-submit-button-active-color: black;
  --gif-button-color: black;
  --heat-glow-box-shadow-large: 0 0 9px rgba(35, 35, 255, 1.0);
  --heat-glow-box-shadow-small: 0 0 3px rgba(35, 35, 255, 1.0);
  --heat-glow-filter-large: drop-shadow(0 0 9px rgba(35, 35, 255, 1.0));
  --heat-glow-filter-small: drop-shadow(0 0 3px rgba(35, 35, 255, 1.0));
  --heat-toast-overlay-background-color: transparent;
  --heat-toast-overlay-color: #0079FF;
  --heat-climax-glow-box-shadow-large: 0 0 9px rgba(255, 7, 58, 1.0);
  --heat-climax-glow-box-shadow-small: 0 0 3px rgba(255, 7, 58, 1.0);
  --heat-climax-glow-filter-large: drop-shadow(0 0 9px rgba(255, 7, 58, 1.0));
  --heat-climax-glow-filter-small: drop-shadow(0 0 3px rgba(255, 7, 58, 1.0));
  --heat-climax-toast-overlay-background-color: transparent;
  --heat-climax-toast-overlay-color: #ff073a;
  --icon-fill: black;
  --info-color: gray;
  --input-background-color: #E0E0E0;
  --input-color: black;
  --input-placeholder-color: #9c9c9c;
  --input-radio-accent-color: #181818;
  --link-color: black;
  --lure-cta-background-color: #27AE60;
  --lure-cta-color: white;
  --lure-compete-cta-color: yellow;
  --lure-compete-cta-border: 1px solid yellow;
  --lure-compete-cta-active-background-color: yellow;
  --lure-compete-cta-active-color: black;
  --lure-match-cta-color: #FF6500;
  --lure-match-cta-border: 1px solid #FF6500;
  --lure-match-cta-active-background-color: #FF6500;
  --lure-match-cta-active-color: black;
  --lure-top-cta-color: #ff073a;
  --lure-top-cta-border: 1px solid #ff073a;
  --lure-top-cta-active-background-color: #ff073a;
  --lure-top-cta-active-color: white;
  --lure-response-badge-background-color: rgb(0,107,255,0.8);
  --lure-response-badge-emoji: "\1F916";
  --lure-response-post-status-color: #006BFF;
  --metric-grid-neutral-color: #E7EBEE;
  --metric-grid-lighter-color: #F3FF90;
  --metric-grid-light-color: #9BEC00;
  --metric-grid-dark-color: #06D001;
  --metric-grid-darker-color: #059212;
  --metric-grid-highlight: 2px solid black;
  --metric-tooltip-background-color: #333;
  --metric-list-divider: 2px dotted #E7EBEE;
  /* Black ninja badge for mission completions */
  /* [Midnight blue](https://www.figma.com/colors/midnight-blue/) */
  /* The ninja emoji image asset lives in the static directory, because the theme we're using it in lives in the static directory and we can't access `$lib` from here. */
  /* If the mission completion avatar emoji is the ninja across all themes, the ninja image asset could live in the `$lib` assets directory and we could set it in the mission completion post component. But as stated, this means that we would be limited to the ninja emoji for mission completion posts across all themes. */
  /* [CSS Background Shorthand](https://www.w3schools.com/css/css_background_shorthand.asp) */
  /* [CSS background-size Property doesn't seem to be included in shorthand](https://www.w3schools.com/cssref/css3_pr_background-size.php) */
  --mission-completion-badge-background: rgb(39,39,87,0.7) url('/assets/img/ninja.png') no-repeat center center;
  --mission-completion-post-status-color: #505081;
  --mission-cta-background-color: transparent;
  /* https://www.figma.com/colors/jade-green */
  --mission-cta-color: #00BB77;
  --mission-cta-border: 1px solid #00BB77;
  --mission-cta-active-background-color: #00BB77;
  --mission-cta-active-color: black;
  --paper-airplane-icon-color: black;
  --personal-record-badge-background-color: rgba(255,7,58,0.2);
  --personal-record-badge-color: #FF073A;
  --personal-record-badge-border: 1px solid #FF073A;
  --personal-record-emoji: "\1F525";
  --phablet-bottom-bar-background-color: white;
  --phablet-bottom-bar-icon-color: black;
  --phablet-bottom-bar-feed-icon-color: #006bff;
  --phablet-bottom-bar-metrics-icon-color: #08CB00;
  --phablet-bottom-bar-move-icon-color: black;
  --phablet-bottom-bar-settings-icon-color: #808080;
  --phablet-bottom-bar-notifications-icon-color: #60B5FF;
  --phablet-move-route-stat-color: black;
  --pointer-icon-fill-color: white;
  --pointer-icon-outline-color: black;
  --post-author-color: black;
  --post-timestamp-color: gray;
  --profile-last-checked-in-color: gray;
  --reaction-color: black;
  --reaction-background-color: #E7EBEE;
  --rocky-icon-color: black;
  --segment-active-color: black;
  --segment-inactive-background-color: #D8D8D8;
  --segment-inactive-color: black;
  --segment-divider: 3px solid white;
  --select-background-color: #D8D8D8;
  --select-color: black;
  --skip-button-color: black;
  --skip-button-tooltip-background-color: #FF073A;
  --skip-button-tooltip-color: white;
  --stick-athlete-color: black;
  --submit-button-background-color: transparent;
  --submit-button-border: 1px solid #27AE60;
  --submit-button-color: black;
  --submit-button-disabled-background-color: transparent;
  --submit-button-disabled-color: #282828;
  --submit-button-disabled-border: 1px dashed gray;
  --submit-button-hover-background-color: #101010;
  --submit-button-hover-color: white;
  --submit-button-loader-background: radial-gradient(circle closest-side, #282828 90%, #0000) 0/calc(100%/3) 100% space;
  --suggested-check-in-background-color: white;
  --suggested-check-in-color: black;
  --theme-button-color: black;
  --toast-positive-feedback-background-color: #27ae60;
  --toast-positive-feedback-color: white;
  --toast-negative-feedback-background-color: #ff073a;
  --toast-negative-feedback-color: white;
  --trash-icon-color: black;
  --username-tag-suggestion-background-color: #181818;
  --username-tag-suggestion-color: white;
}

/* body { */
/*   background-color: white; */
/*   color: black; */
/* } */

a {
  color: black;
}