html {
  --koani-bg-light: 249 250 251;
  --koani-bg-dark: 19 20 28;
  --koani-text-light: 69 85 101;
  --koani-text-light-2: 113 135 158; /* hex: 71879e */
  --koani-text-dark: 143 160 178;
  --koani-bg-header: 6 63 76;
  --koani-bg-header-2: 10 85 89;
  --koani-bg-card-dark: 33 35 48;
  --koani-bg-card-dark-2: 30 31 43;
  --koani-bg-tag: 242 243 244;
  --koani-bg-button: 114 240 168;
  --koani-text-button: 33 35 47;
  --koani-shadow-light: 223 229 236;
  --koani-shadow-dark: 13 14 21;
  --koani-initiative-tag-color-CHALLENGE-light: 252 223 222;
  --koani-initiative-tag-color-QUIZ-light: 203 239 238;
  --koani-initiative-tag-color-EVENT-light: 215 244 237;
  --koani-initiative-tag-color-DIDYOUKNOW-light: 255 238 204;
  --koani-initiative-tag-color-FLASHINFO-light: 255 238 204;
  --koani-initiative-tag-color-FORMATION-light: 255 238 204;
  --koani-initiative-tag-color-dark: 54 57 79;
  --koani-reporting-success: 114 240 168;
  --koani-reporting-error: 239 102 89;

  --font-family-sans: "Outfit", "serif";
  --font-size-sm: 10px;
  --font-size-base: 16px;
  --line-height-title: 20px;
  --line-height-header: 71px;
  --header-height: 71px;
  --border-radius-default: 5px;
  --box-shadow-default: 0px 6px 9px magenta;
  --koani-box-shadow-dark: 0 5px 7px 0 rgba(13, 14, 21, 0.38);
  --koani-box-shadow-light: 0 5px 7px 0 rgb(223, 229, 236, 0.72);
  --koani-box-shadow-dark-full: 0 5px 7px 0 rgba(13, 14, 21, 1);
  --koani-box-shadow-light-full: 0 5px 7px 0 rgb(223, 229, 236, 1);
}