/*css/globals/color_themes.scss*/
:root {
 --theme--background: #000000;
 --theme--background-secondary: hsl(219deg, 100%, 1%);
 --theme--background-card: hsl(219deg, 100%, 1%);
 --theme--primary_text: #ffffff;
 --theme--secondary_text: hsl(219deg, 0%, 82%);
 --theme--tertiary_text: hsl(219deg, 0%, 72%);
 --theme--text_on_color: #ffffff;
 --theme--divider: hsl(219deg, 25%, 18%);
 --theme--border: hsl(219deg, 25%, 18%);
 --theme--border-subtle: hsl(219deg, 61%, 8%);
 --theme--border-hover: hsl(219deg, 0%, 46%);
 --theme--button-primary: #ffffff;
 --theme--button-hover: hsl(219deg, 0%, 98%);
 --theme--accent: hsl(43deg, 90%, 48%);
 --theme--accent-0: #fdfdf6;
 --theme--accent-25: #fcf9ea;
 --theme--accent-50: #faf7e1;
 --theme--accent-100: #fbf4c8;
 --theme--accent-200: #fcee96;
 --theme--accent-300: hsl(53deg, 99%, 49%);
 --theme--accent-400: hsl(48deg, 94%, 48%);
 --theme--accent-500: hsl(43deg, 90%, 48%);
 --theme--accent-600: hsl(43deg, 90%, 48%);
 --theme--accent-700: #d67516;
 --theme--accent-800: #d67516;
 --theme--accent-900: #d67516;
 --theme--accent_glow: rgba(233, 170, 12, 0.6);
 --theme--accent_glow-light: rgba(233, 170, 12, 0.3);
 --theme--text_on_color: #000000;
}

[color-theme~=dark] {
 --theme--background: #000000;
 --theme--background-secondary: hsl(219deg, 100%, 1%);
 --theme--background-card: hsl(219deg, 100%, 1%);
 --theme--primary_text: #ffffff;
 --theme--secondary_text: hsl(219deg, 0%, 82%);
 --theme--tertiary_text: hsl(219deg, 0%, 72%);
 --theme--text_on_color: #ffffff;
 --theme--divider: hsl(219deg, 25%, 18%);
 --theme--border: hsl(219deg, 25%, 18%);
 --theme--border-subtle: hsl(219deg, 61%, 8%);
 --theme--border-hover: hsl(219deg, 0%, 46%);
 --theme--button-primary: #ffffff;
 --theme--button-hover: hsl(219deg, 0%, 98%);
}

[color-theme~=light] {
 --theme--background: #ffffff;
 --theme--background-secondary: hsl(219deg, 0%, 98%);
 --theme--background-card: #ffffff;
 --theme--primary_text: #000000;
 --theme--secondary_text: hsl(219deg, 61%, 8%);
 --theme--tertiary_text: hsl(219deg, 13%, 38%);
 --theme--divider: hsl(219deg, 0%, 82%);
 --theme--border: hsl(219deg, 0%, 82%);
 --theme--border-subtle: hsl(219deg, 0%, 94%);
 --theme--border-hover: hsl(219deg, 0%, 64%);
 --theme--button-primary: hsl(219deg, 100%, 1%);
 --theme--button-hover: hsl(219deg, 61%, 8%);
}

[color-theme~=gold] {
 --theme--accent: hsl(43deg, 90%, 48%);
 --theme--accent-0: #fdfdf6;
 --theme--accent-25: #fcf9ea;
 --theme--accent-50: #faf7e1;
 --theme--accent-100: #fbf4c8;
 --theme--accent-200: #fcee96;
 --theme--accent-300: hsl(53deg, 99%, 49%);
 --theme--accent-400: hsl(48deg, 94%, 48%);
 --theme--accent-500: hsl(43deg, 90%, 48%);
 --theme--accent-600: hsl(43deg, 90%, 48%);
 --theme--accent-700: #d67516;
 --theme--accent-800: #d67516;
 --theme--accent-900: #d67516;
 --theme--accent_glow: rgba(233, 170, 12, 0.6);
 --theme--accent_glow-light: rgba(233, 170, 12, 0.3);
 --theme--text_on_color: #000000;
}