/* Theme tokens: forest is the default Spark inspired glass palette. */

:root,
[data-theme="forest"] {
  color-scheme: dark;
  --contrast-on-accent-light: #FFFFFF;
  --contrast-on-accent-dark: #142000;
  --primary-blue: #B4F105;
  --primary-blue-dark: #91C400;
  --secondary-gold: #D7F58A;
  --buy-orange: #F4A261;
  --buy-orange-dark: #D78342;
  --cart-yellow: #B4F105;
  --cart-yellow-dark: #91C400;
  --bg-page: #051C12;
  --bg-page-gradient: #072F1F;
  --bg-card: rgba(255, 255, 255, .10);
  --text-main: #F1F8F3;
  --text-muted: #B5C8BB;
  --text-success: #B4F105;
  --text-danger: #FF9B9B;
  --border-color: rgba(255, 255, 255, .12);
  --border-dark: rgba(255, 255, 255, .2);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .18);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, .24);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .34);
  --glass-bg: rgba(255, 255, 255, .10);
  --glass-bg-strong: rgba(255, 255, 255, .14);
  --glass-border: rgba(255, 255, 255, .14);
  --glass-blur: blur(16px) saturate(140%);
  --glass-shadow: 0 16px 42px rgba(0, 0, 0, .24);
  --accent: var(--primary-blue);
  --accent-contrast: #142000;
  --text-on-glass: #F1F8F3;
  --text-on-glass-muted: #B5C8BB;
  --glass-fallback: #123323;
  --header-surface: rgba(5, 28, 18, .78);
  --header-text: #F1F8F3;
  --input-surface: rgba(255, 255, 255, .08);
  --input-text: #F1F8F3;
  --accent-soft: rgba(180, 241, 5, .16);
  --glow-lime: rgba(180, 241, 5, .17);
  --glow-emerald: rgba(16, 185, 129, .18);
  --glow-mint: rgba(52, 211, 153, .13);
  --hero-overlay: linear-gradient(90deg, rgba(5, 28, 18, .76) 0%, rgba(5, 28, 18, .48) 46%, rgba(5, 28, 18, .06) 100%);
  --hero-overlay-mobile: linear-gradient(0deg, rgba(5, 28, 18, .88) 0%, rgba(5, 28, 18, .62) 52%, rgba(5, 28, 18, .04) 100%);
  --hero-text: #F1F8F3;
  --hero-text-muted: #E0EBE3;
  --scrollbar-track: #072F1F;
  --scrollbar-thumb: #315440;
  --scrollbar-thumb-hover: #4A705A;
  --surface: var(--glass-bg);
  --border: var(--glass-border);
  --shadow: var(--glass-shadow);
  --radius-sm: 14px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

[data-theme="light"] {
  color-scheme: light;
  --primary-blue: #527A00;
  --primary-blue-dark: #3A5700;
  --secondary-gold: #E4F8A8;
  --buy-orange: #C45D13;
  --buy-orange-dark: #9A470D;
  --cart-yellow: #B4F105;
  --cart-yellow-dark: #91C400;
  --bg-page: #EDF5EF;
  --bg-page-gradient: #DCEBE0;
  --bg-card: rgba(255, 255, 255, .78);
  --text-main: #10271A;
  --text-muted: #52695A;
  --text-success: #386900;
  --text-danger: #A52A2A;
  --border-color: rgba(16, 39, 26, .10);
  --border-dark: rgba(16, 39, 26, .18);
  --shadow-sm: 0 4px 14px rgba(20, 55, 33, .07);
  --shadow-md: 0 12px 32px rgba(20, 55, 33, .11);
  --shadow-lg: 0 24px 64px rgba(20, 55, 33, .16);
  --glass-bg: rgba(255, 255, 255, .62);
  --glass-bg-strong: rgba(255, 255, 255, .82);
  --glass-border: rgba(255, 255, 255, .78);
  --glass-shadow: 0 16px 42px rgba(24, 55, 36, .11);
  --accent: var(--primary-blue);
  --accent-contrast: #FFFFFF;
  --text-on-glass: #10271A;
  --text-on-glass-muted: #52695A;
  --glass-fallback: #FFFFFF;
  --header-surface: rgba(255, 255, 255, .76);
  --header-text: #10271A;
  --input-surface: rgba(255, 255, 255, .72);
  --input-text: #10271A;
  --accent-soft: rgba(117, 169, 0, .12);
  --glow-lime: rgba(180, 241, 5, .16);
  --glow-emerald: rgba(16, 185, 129, .12);
  --glow-mint: rgba(52, 211, 153, .10);
  --hero-overlay: linear-gradient(90deg, rgba(16, 39, 26, .76) 0%, rgba(16, 39, 26, .48) 46%, rgba(16, 39, 26, .06) 100%);
  --hero-overlay-mobile: linear-gradient(0deg, rgba(16, 39, 26, .88) 0%, rgba(16, 39, 26, .62) 52%, rgba(16, 39, 26, .04) 100%);
  --hero-text: #F1F8F3;
  --hero-text-muted: #E0EBE3;
  --scrollbar-track: #DCEBE0;
  --scrollbar-thumb: #9BB9A3;
  --scrollbar-thumb-hover: #6D9678;
}

[data-theme="dark"] {
  color-scheme: dark;
  --primary-blue: #B4F105;
  --primary-blue-dark: #91C400;
  --secondary-gold: #D7F58A;
  --buy-orange: #F4A261;
  --buy-orange-dark: #D78342;
  --cart-yellow: #B4F105;
  --cart-yellow-dark: #91C400;
  --bg-page: #101713;
  --bg-page-gradient: #1C2A20;
  --bg-card: rgba(255, 255, 255, .08);
  --text-main: #F2F5F2;
  --text-muted: #B0B9B2;
  --text-success: #B4F105;
  --text-danger: #FF9B9B;
  --border-color: rgba(255, 255, 255, .11);
  --border-dark: rgba(255, 255, 255, .2);
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, .22);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, .32);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, .42);
  --glass-bg: rgba(255, 255, 255, .08);
  --glass-bg-strong: rgba(255, 255, 255, .13);
  --glass-border: rgba(255, 255, 255, .13);
  --glass-shadow: 0 16px 42px rgba(0, 0, 0, .34);
  --accent: var(--primary-blue);
  --accent-contrast: #142000;
  --text-on-glass: #F2F5F2;
  --text-on-glass-muted: #B0B9B2;
  --glass-fallback: #202B24;
  --header-surface: rgba(16, 23, 19, .8);
  --header-text: #F2F5F2;
  --input-surface: rgba(255, 255, 255, .07);
  --input-text: #F2F5F2;
  --accent-soft: rgba(180, 241, 5, .15);
  --glow-lime: rgba(180, 241, 5, .13);
  --glow-emerald: rgba(16, 185, 129, .15);
  --glow-mint: rgba(52, 211, 153, .10);
  --hero-overlay: linear-gradient(90deg, rgba(16, 23, 19, .78) 0%, rgba(16, 23, 19, .5) 46%, rgba(16, 23, 19, .06) 100%);
  --hero-overlay-mobile: linear-gradient(0deg, rgba(16, 23, 19, .9) 0%, rgba(16, 23, 19, .65) 52%, rgba(16, 23, 19, .04) 100%);
  --hero-text: #F2F5F2;
  --hero-text-muted: #E0E6E1;
  --scrollbar-track: #1C2A20;
  --scrollbar-thumb: #46564A;
  --scrollbar-thumb-hover: #617565;
}

[data-theme="rose"] {
  color-scheme: light;
  --primary-blue: #C1265B;
  --primary-blue-dark: #9A1F48;
  --secondary-gold: #F8D9E4;
  --buy-orange: #C45D13;
  --buy-orange-dark: #9A470D;
  --cart-yellow: #F4A8C2;
  --cart-yellow-dark: #DE7D9F;
  --bg-page: #FBF0F4;
  --bg-page-gradient: #F2DDE5;
  --bg-card: rgba(255, 255, 255, .72);
  --text-main: #321923;
  --text-muted: #765C67;
  --text-success: #47731D;
  --text-danger: #A52A2A;
  --border-color: rgba(74, 24, 43, .10);
  --border-dark: rgba(74, 24, 43, .18);
  --shadow-sm: 0 4px 14px rgba(94, 31, 56, .07);
  --shadow-md: 0 12px 32px rgba(94, 31, 56, .11);
  --shadow-lg: 0 24px 64px rgba(94, 31, 56, .15);
  --glass-bg: rgba(255, 255, 255, .62);
  --glass-bg-strong: rgba(255, 255, 255, .82);
  --glass-border: rgba(255, 255, 255, .78);
  --glass-shadow: 0 16px 42px rgba(94, 31, 56, .11);
  --accent: var(--primary-blue);
  --accent-contrast: #FFFFFF;
  --text-on-glass: #321923;
  --text-on-glass-muted: #765C67;
  --glass-fallback: #FFFFFF;
  --header-surface: rgba(255, 255, 255, .76);
  --header-text: #321923;
  --input-surface: rgba(255, 255, 255, .72);
  --input-text: #321923;
  --accent-soft: rgba(193, 38, 91, .12);
  --glow-lime: rgba(244, 168, 194, .22);
  --glow-emerald: rgba(244, 114, 182, .12);
  --glow-mint: rgba(251, 207, 232, .18);
  --hero-overlay: linear-gradient(90deg, rgba(50, 25, 35, .78) 0%, rgba(50, 25, 35, .5) 46%, rgba(50, 25, 35, .06) 100%);
  --hero-overlay-mobile: linear-gradient(0deg, rgba(50, 25, 35, .9) 0%, rgba(50, 25, 35, .65) 52%, rgba(50, 25, 35, .04) 100%);
  --hero-text: #FFF7FA;
  --hero-text-muted: #F6E8ED;
  --scrollbar-track: #F2DDE5;
  --scrollbar-thumb: #C99EAE;
  --scrollbar-thumb-hover: #A97488;
}

[data-theme="violet"] {
  color-scheme: light;
  --primary-blue: #6D45C5;
  --primary-blue-dark: #5636A0;
  --secondary-gold: #E8DEFF;
  --buy-orange: #C45D13;
  --buy-orange-dark: #9A470D;
  --cart-yellow: #C4B5FD;
  --cart-yellow-dark: #A78BFA;
  --bg-page: #F4F1FB;
  --bg-page-gradient: #E5DDF5;
  --bg-card: rgba(255, 255, 255, .72);
  --text-main: #211936;
  --text-muted: #625A76;
  --text-success: #47731D;
  --text-danger: #A52A2A;
  --border-color: rgba(42, 29, 73, .10);
  --border-dark: rgba(42, 29, 73, .18);
  --shadow-sm: 0 4px 14px rgba(54, 39, 89, .07);
  --shadow-md: 0 12px 32px rgba(54, 39, 89, .11);
  --shadow-lg: 0 24px 64px rgba(54, 39, 89, .15);
  --glass-bg: rgba(255, 255, 255, .62);
  --glass-bg-strong: rgba(255, 255, 255, .82);
  --glass-border: rgba(255, 255, 255, .78);
  --glass-shadow: 0 16px 42px rgba(54, 39, 89, .11);
  --accent: var(--primary-blue);
  --accent-contrast: #FFFFFF;
  --text-on-glass: #211936;
  --text-on-glass-muted: #625A76;
  --glass-fallback: #FFFFFF;
  --header-surface: rgba(255, 255, 255, .76);
  --header-text: #211936;
  --input-surface: rgba(255, 255, 255, .72);
  --input-text: #211936;
  --accent-soft: rgba(109, 69, 197, .12);
  --glow-lime: rgba(196, 181, 253, .22);
  --glow-emerald: rgba(167, 139, 250, .13);
  --glow-mint: rgba(221, 214, 254, .18);
  --hero-overlay: linear-gradient(90deg, rgba(33, 25, 54, .78) 0%, rgba(33, 25, 54, .5) 46%, rgba(33, 25, 54, .06) 100%);
  --hero-overlay-mobile: linear-gradient(0deg, rgba(33, 25, 54, .9) 0%, rgba(33, 25, 54, .65) 52%, rgba(33, 25, 54, .04) 100%);
  --hero-text: #F8F6FF;
  --hero-text-muted: #EAE5F5;
  --scrollbar-track: #E5DDF5;
  --scrollbar-thumb: #AFA2CA;
  --scrollbar-thumb-hover: #8776A8;
}