/*
 * This file is used to define the theme colors for the application.
 * Each color is defined in the HSL format, without the hsl() function.
 * hsl(0deg 0% 0%) should be changed to 0deg 0% 0%.
 *
 * This format is due to limited support for Relative Colors in CSS.
 */
:root {
  --theme-background-50: 0deg 0% 29%;
  --theme-background-100: 0deg 0% 24%;
  --theme-background-200: 0deg 0% 20%;
  --theme-background-300: 0deg 0% 18%;
  --theme-background-400: 0deg 0% 13%;
  --theme-background-500: 0deg 0% 12%;
  --theme-background-600: 240deg 3% 11%;
  --theme-background-700: 0deg 0% 11%;
  --theme-background-800: 0deg 0% 9%;
  --theme-background-900: 0deg 0% 6%;
  --theme-background-950: 0deg 0% 3%;

  --theme-primary-50: 327deg 73% 97%;
  --theme-primary-100: 326deg 78% 95%;
  --theme-primary-200: 326deg 85% 90%;
  --theme-primary-300: 327deg 87% 82%;
  --theme-primary-400: 329deg 86% 70%;
  --theme-primary-500: 330deg 81% 60%;
  --theme-primary-600: 333deg 71% 51%;
  --theme-primary-700: 335deg 78% 42%;
  --theme-primary-800: 336deg 74% 35%;
  --theme-primary-900: 336deg 69% 30%;
  --theme-primary-950: 336deg 84% 17%;

  --theme-text-50: 210 20% 98%;
  --theme-text-100: 220 14% 96%;
  --theme-text-200: 220 13% 91%;
  --theme-text-300: 216 12% 84%;
  --theme-text-400: 218 11% 65%;
  --theme-text-500: 220 9% 46%;
  --theme-text-600: 215 14% 34%;
  --theme-text-700: 217 19% 27%;
  --theme-text-800: 215 28% 17%;
  --theme-text-900: 221 39% 11%;
  --theme-text-950: 224 71% 4%;
}