:root {
  --fg-primary-hs: 0, 0%;
  --fg-primary-l: 100%;
  --fg-primary: hsl(var(--fg-primary-hs), var(--fg-primary-l));
  --fg-primary-tap: hsl(var(--fg-primary-hs), calc(var(--fg-primary-l) - 5%));
  --fg-secondary-hs: 240, 2%;
  --fg-secondary-l: 72%;
  --fg-secondary: hsl(var(--fg-secondary-hs), var(--fg-secondary-l));
  --fg-tertiary-hs: 240, 2%;
  --fg-tertiary-l: 54%;
  --fg-tertiary: hsl(var(--fg-tertiary-hs), var(--fg-tertiary-l));
  --fg-disabled-hs: 240, 5%;
  --fg-disabled-l: 30%;
  --fg-disabled: hsl(var(--fg-disabled-hs), var(--fg-disabled-l));
  --bg-primary-hs: 240, 28%;
  --bg-primary-l: 7%;
  --bg-primary: hsl(var(--bg-primary-hs), var(--bg-primary-l));
  --bg-primary-tap: hsl(var(--bg-primary-hs), calc(var(--bg-primary-l) - 2%));
  --bg-secondary-hs: 240, 13%;
  --bg-secondary-l: 15%;
  --bg-secondary: hsl(var(--bg-secondary-hs), var(--bg-secondary-l));
  --bg-secondary-tap: hsl(var(--bg-secondary-hs), calc(var(--bg-secondary-l) - 2%));
  --bg-tertiary-hs: 240, 8%;
  --bg-tertiary-l: 21%;
  --bg-tertiary: hsl(var(--bg-tertiary-hs), var(--bg-tertiary-l));
  --bg-tertiary-tap: hsl(var(--bg-tertiary-hs), calc(var(--bg-tertiary-l) - 5%));
  --blue-base-hs: 191, 100%;
  --blue-base-l: 53%;
  --blue-base: hsl(var(--blue-base-hs), var(--blue-base-l));
  --coral-base-hs: 175, 84%;
  --coral-base-l: 45%;
  --coral-base: hsl(var(--coral-base-hs), var(--coral-base-l));
  --green-base-hs: 156, 80%;
  --green-base-l: 46%;
  --green-base: hsl(var(--green-base-hs), var(--green-base-l));
  --green-shadow-primary-hs: 157, 77%;
  --green-shadow-primary-l: 34%;
  --green-shadow-primary: hsl(var(--green-shadow-primary-hs), var(--green-shadow-primary-l));
  --green-shadow-secondary-hs: 158, 75%;
  --green-shadow-secondary-l: 30%;
  --green-shadow-secondary: hsl(var(--green-shadow-secondary-hs), var(--green-shadow-secondary-l));
  --green-shadow-tertiary-hs: 158, 73%;
  --green-shadow-tertiary-l: 28%;
  --green-shadow-tertiary: hsl(var(--green-shadow-tertiary-hs), var(--green-shadow-tertiary-l));
  --green-shadow-quaternary-hs: 160, 69%;
  --green-shadow-quaternary-l: 22%;
  --green-shadow-quaternary: hsl(var(--green-shadow-quaternary-hs), var(--green-shadow-quaternary-l));
  --lime-base-hs: 102, 69%;
  --lime-base-l: 64%;
  --lime-base: hsl(var(--lime-base-hs), var(--lime-base-l));
  --yellow-base-hs: 55, 100%;
  --yellow-base-l: 63%;
  --yellow-base: hsl(var(--yellow-base-hs), var(--yellow-base-l));
  --orange-base-hs: 23, 100%;
  --orange-base-l: 67%;
  --orange-base: hsl(var(--orange-base-hs), var(--orange-base-l));
  --red-base-hs: 345, 100%;
  --red-base-l: 69%;
  --red-base: hsl(var(--red-base-hs), var(--red-base-l));
  --purple-base-hs: 259, 100%;
  --purple-base-l: 87%;
  --purple-base: hsl(var(--purple-base-hs), var(--purple-base-l));
  --accentColor-hs: var(--yellow-base-hs);
  --accentColor-l: var(--yellow-base-l);
  --accentColor: hsl(var(--accentColor-hs), var(--accentColor-l));
  --accentColor-tap: hsl(var(--accentColor-hs), calc(var(--accentColor-l) - 5%));
  --accentMono: var(--fg-primary);
  --overlay-bg: hsla(var(--bg-primary-hs), calc(var(--bg-primary-l) - 10%), 90%);
  --drop-shadow: 0 0 10px hsla(var(--bg-primary-hs), calc(var(--bg-primary-l) - 10%), 40%);
  --font: "Roobert";
}