:root {
  --accent-color: #F94C10;
  --badge-glow:
    drop-shadow(-1px -1px 0px #FFF078)
    drop-shadow(1px -1px 0px #FFF078)
    drop-shadow(1px 1px 0px #FFF078)
    drop-shadow(-1px 1px 0px #FFF078);
  --badge-neutral-glow:
    drop-shadow(-1px -1px 0px #FFF078)
    drop-shadow(1px -1px 0px #FFF078)
    drop-shadow(1px 1px 0px #FFF078)
    drop-shadow(-1px 1px 0px #FFF078);
  --badge-tooltip-background-color: #181818;
  --badge-tooltip-color: white;
  /* The welcome theme's body background color is white, for now, because every generic, wannabe fitness app's background color seems to be black these days, and they're sprouding out like mushrooms. Fitness is a huge market and, largely due to obesity being endemic, it will keep getting bigger, so every half-ass wants to jump on it. Liquid Death is white with bold words. American Apparel was white with bold words. Nike is white with bold words. */
  --body-background-color: white;
  --body-color: black;
  --boss-health-bar-background-color: #F94C10;
  --boss-health-bar-label-color: white;
  --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: #FF073A;
  --comment-delete-button-color: black;
  --comment-username-color: black;
  --comments-background-color: #FDDE55;
  --editable-button-color: black;
  --express-check-in-cta-background-color: transparent;
  --express-check-in-cta-color: yellow;
  --express-check-in-cta-border: 1px solid yellow;
  --express-check-in-cta-active-background-color: yellow;
  --express-check-in-cta-active-color: black;
  --emoji-picker-button-background-color: white;
  --emoji-picker-button-icon-color: black;
  --exercise-check-in-timestamp-color: #FFF078;
  --express-check-in-badge-background-color: rgb(255,255,0,0.2);
  /* --express-check-in-badge-emoji: "⚡"; */
  --express-check-in-post-status-color: yellow;
  --features-card-background-color: #ffd700;
  --features-card-color: black;
  --fitness-test-range-track-first-segment: #ffd700;
  --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: #0071e3;
  --fitness-test-submit-button-color: white;
  --fitness-test-submit-button-border: none;
  /* Transparent background color means the button is activated. It's the answer to and hence part of the title question. It completes the title question. */
  --fitness-test-submit-button-active-background-color: transparent;
  --fitness-test-submit-button-active-color: black;
  --gif-button-color: black;
  --heat-glow-box-shadow-large: 0 0 6px 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 6px 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: black;
  --heat-climax-glow-box-shadow-large: 0 0 6px 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 6px 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: #2F3032;
  --info-color: black;
  --input-background-color: #e8e8e8;
  --input-color: black;
  --input-placeholder-color: black;
  --input-radio-accent-color: #181818;
  --link-color: black;
  --lure-cta-background-color: #2F3032;
  --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(255,7,58,0.2);
  --lure-response-badge-emoji: "\1F916";
  --lure-response-post-status-color: #FF073A;
  --metric-grid-neutral-color: #FDDE55;
  --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 #FDDE55;
  /* 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(255,7,58,0.2) url('/assets/img/ninja.png') no-repeat center center;
  --mission-completion-post-status-color: #FF073A;
  --mission-cta-background-color: transparent;
  --mission-cta-color: #2cff05;
  --mission-cta-border: 1px solid #2cff05;
  --mission-cta-active-background-color: #2cff05;
  --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: #F94C10;
  --phablet-bottom-bar-icon-color: white;
  --phablet-bottom-bar-feed-icon-color: #006bff;
  --phablet-bottom-bar-metrics-icon-color: #2CFF05;
  --phablet-bottom-bar-move-icon-color: yellow;
  --phablet-bottom-bar-settings-icon-color: #D9D9D9;
  --phablet-bottom-bar-notifications-icon-color: #ff073a;
  --phablet-move-route-stat-color: black;
  --pointer-icon-fill-color: white;
  --pointer-icon-outline-color: black;
  --post-author-color: black;
  --post-timestamp-color: #FFF078;
  --profile-last-checked-in-color: black;
  --reaction-color: white;
  --reaction-background-color: #282828;
  --rocky-icon-color: black;
  --segment-active-color: black;
  --segment-inactive-background-color: #2F3032;
  --segment-inactive-color: white;
  --segment-divider: 3px solid #FDC200;
  --select-background-color: #2F3032;
  --select-color: white;
  --skip-button-color: #FFF078;
  --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 #2F3032;
  --submit-button-color: white;
  --submit-button-disabled-background-color: transparent;
  --submit-button-disabled-color: #282828;
  --submit-button-disabled-border: 1px dashed black;
  --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: #ffd700;
  --suggested-check-in-color: black;
  --theme-button-color: black;
  /* to do: adjust toast feedback colors for theme */
  --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: white;
  --username-tag-suggestion-color: black;
  --welcome-fitness-test-cta: #ffd700;
  --welcome-how-to-hate-fitness: black;
  --welcome-make-fitness-fun-again-essence: black;
}

/* body { */
/*   background-color: #FDC200; */
/*   color: #2F3032; */
/* } */

a {
  color: #2F3032;
}