:root {
  --accent-color: #006BFF;
  --badge-glow:
    drop-shadow(-1px -1px 0px white)
    drop-shadow(1px -1px 0px white)
    drop-shadow(1px 1px 0px white)
    drop-shadow(-1px 1px 0px white);
  --badge-neutral-glow:
    drop-shadow(-1px -1px 0px white)
    drop-shadow(1px -1px 0px white)
    drop-shadow(1px 1px 0px white)
    drop-shadow(-1px 1px 0px white);
  --badge-tooltip-background-color: yellow;
  --badge-tooltip-color: black;
  --boss-health-bar-background-color: #FF0032;
  --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: yellow;
  --comment-delete-button-color: white;
  --comment-username-color: white;
  --comments-background-color: #202020;
  --editable-button-color: gray;
  --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: 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;
  --gif-button-color: white;
  --heat-glow-box-shadow-large: 0 0 9px rgba(0, 0, 0, 1.0);
  --heat-glow-box-shadow-small: 0 0 3px rgba(0, 0, 0, 1.0);
  --heat-glow-filter-large: drop-shadow(0 0 9px rgba(0, 0, 0, 1.0));
  --heat-glow-filter-small: drop-shadow(0 0 3px rgba(0, 0, 0, 1.0));
  --heat-toast-overlay-background-color: transparent;
  --heat-toast-overlay-color: yellow;
  --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: white;
  --info-color: white;
  --input-background-color: #282828;
  --input-color: white;
  --input-placeholder-color: #9c9c9c;
  --input-radio-accent-color: #181818;
  --lure-cta-background-color: #006BFF;
  --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;
  /* to do: how about something like gold, silver and bronze, depending on topped, matched, competed? */
  --lure-response-badge-background-color: rgb(255,255,0,0.2);
  --lure-response-badge-emoji: "\1F916";
  --lure-response-post-status-color: yellow;
  --metric-grid-neutral-color: #282828;
  --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 white;
  --metric-tooltip-background-color: #333;
  --metric-list-divider: 2px dotted #282828;
  /* 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,1) url('/assets/img/ninja.png') no-repeat center center;
  --mission-completion-post-status-color: #505081;
  --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: white;
  --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: #21211F;
  --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: #93aab7;
  --phablet-bottom-bar-notifications-icon-color: #60B5FF;
  --pointer-icon-fill-color: white;
  --pointer-icon-outline-color: black;
  --post-author-color: white;
  --post-timestamp-color: gray;
  --profile-last-checked-in-color: gray;
  --reaction-color: white;
  --reaction-background-color: #282828;
  --rocky-icon-color: white;
  --segment-active-color: white;
  --segment-inactive-background-color: #101010;
  --segment-inactive-color: white;
  --segment-divider: 3px solid #181818;
  --select-background-color: #101010;
  --select-color: white;
  --skip-button-color: white;
  --skip-button-tooltip-background-color: #FF073A;
  --skip-button-tooltip-color: white;
  --submit-button-background-color: transparent;
  --submit-button-border: 1px solid #006BFF;
  --submit-button-color: white;
  --submit-button-disabled-background-color: transparent;
  --submit-button-disabled-color: white;
  --submit-button-disabled-border: 2px dashed #282828;
  --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: #21211F;
  --suggested-check-in-color: white;
  --theme-button-color: white;
  --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: white;
  --username-tag-suggestion-background-color: white;
  --username-tag-suggestion-color: black;
}

body {
  background-color: #181818;
  color: white;
}

a {
  color: white;
}