:root {
  --color-palette-neutral-0: #ffffff;
  --color-palette-neutral-50: #f4f4f6;
  --color-palette-neutral-100: #e5e5ea;
  --color-palette-neutral-200: #d1d1d6;
  --color-palette-neutral-300: #c7c7cc;
  --color-palette-neutral-400: #a6a6ae;
  --color-palette-neutral-500: #8e8e93;
  --color-palette-neutral-600: #6d6d70;
  --color-palette-neutral-700: #48484a;
  --color-palette-neutral-800: #323234;
  --color-palette-neutral-900: #1c1c1e;
  --color-palette-neutral-950: #121212;
  --color-palette-brand-blue: #0066d6;
  --color-palette-brand-blue-light: #e5f1ff;
  --color-palette-brand-blue-dark: #0a6fd6;
  --color-palette-brand-sepia: #a0522d;
  --color-palette-brand-sepia-light: #f5e1c8;
  --color-palette-brand-sepia-bg: #f4ecd8;
  --color-palette-brand-sepia-bg-secondary: #eadecd;
  --color-palette-brand-forest: #357a27;
  --color-palette-brand-forest-light: #2a4a35;
  --color-palette-brand-forest-bg: #1b3a2d;
  --color-palette-brand-forest-bg-secondary: #2d5a3d;
  --color-palette-brand-ocean: #1c7fa6;
  --color-palette-brand-ocean-light: #1a3a4a;
  --color-palette-brand-ocean-bg: #0a2a3a;
  --color-palette-brand-ocean-bg-secondary: #124a5a;
  --color-palette-brand-midnight: #6b4fc4;
  --color-palette-brand-midnight-light: #1e1a35;
  --color-palette-brand-midnight-bg: #0d0d1a;
  --color-palette-brand-midnight-bg-secondary: #1a1a30;
  --color-palette-brand-sunset: #b94e32;
  --color-palette-brand-sunset-light: #3a2025;
  --color-palette-brand-sunset-bg: #2a1525;
  --color-palette-brand-sunset-bg-secondary: #4a2035;
  --color-palette-brand-gold: #ffd700;
  --color-palette-brand-gold-light: #ffb800;
  --color-palette-brand-silver: #c0c0c0;
  --color-palette-brand-silver-light: #a0a0a0;
  --color-palette-brand-bronze: #cd7f32;
  --color-palette-brand-bronze-light: #b8692a;
  --color-palette-brand-streak-glow: #ff6b35;
  --color-palette-brand-coin-gold: #f5a623;
  --color-palette-semantic-success: #22863a;
  --color-palette-semantic-success-dark: #30d158;
  --color-palette-semantic-success-sepia: #4f6b2f;
  --color-palette-semantic-success-forest: #5cb85c;
  --color-palette-semantic-error: #e02e24;
  --color-palette-semantic-error-dark: #ff453a;
  --color-palette-semantic-error-sepia: #b22222;
  --color-palette-semantic-error-forest: #ff7d6e;
  --color-theme-light-bg-primary: #ffffff;
  --color-theme-light-bg-secondary: #f4f4f6;
  --color-theme-light-bg-tertiary: #e5e5ea;
  --color-theme-light-text-primary: #1c1c1e;
  --color-theme-light-text-secondary: #6d6d70;
  --color-theme-light-text-tertiary: #6d6d70;
  --color-theme-light-accent: #0066d6;
  --color-theme-light-accent-light: #e5f1ff;
  --color-theme-light-border-color: #e5e5ea;
  --color-theme-light-success: #22863a;
  --color-theme-light-error: #e02e24;
  --color-theme-light-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  --color-theme-light-streak-glow: #ff6b35;
  --color-theme-light-coin-gold: #f5a623;
  --color-theme-light-accent-text: #0066d6;
  --color-theme-sepia-bg-primary: #f4ecd8;
  --color-theme-sepia-bg-secondary: #eadecd;
  --color-theme-sepia-bg-tertiary: #dcd0bd;
  --color-theme-sepia-text-primary: #433422;
  --color-theme-sepia-text-secondary: #70604c;
  --color-theme-sepia-text-tertiary: #5e4f3d;
  --color-theme-sepia-accent: #a0522d;
  --color-theme-sepia-accent-light: #f5e1c8;
  --color-theme-sepia-border-color: #d3c2b0;
  --color-theme-sepia-success: #4f6b2f;
  --color-theme-sepia-error: #b22222;
  --color-theme-sepia-card-shadow: 0 4px 6px rgba(67, 52, 34, 0.1);
  --color-theme-sepia-streak-glow: #ff6b35;
  --color-theme-sepia-coin-gold: #f5a623;
  --color-theme-sepia-accent-text: #8a431f;
  --color-theme-dark-bg-primary: #121212;
  --color-theme-dark-bg-secondary: #1c1c1e;
  --color-theme-dark-bg-tertiary: #323234;
  --color-theme-dark-text-primary: #ffffff;
  --color-theme-dark-text-secondary: #8e8e93;
  --color-theme-dark-text-tertiary: #a6a6ae;
  --color-theme-dark-accent: #0a6fd6;
  --color-theme-dark-accent-light: #1c355e;
  --color-theme-dark-border-color: #48484a;
  --color-theme-dark-success: #30d158;
  --color-theme-dark-error: #ff453a;
  --color-theme-dark-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --color-theme-dark-streak-glow: #ff6b35;
  --color-theme-dark-coin-gold: #f5a623;
  --color-theme-dark-accent-text: #4a9eff;
  --color-theme-forest-bg-primary: #1b3a2d;
  --color-theme-forest-bg-secondary: #2d5a3d;
  --color-theme-forest-bg-tertiary: #3a6a4d;
  --color-theme-forest-text-primary: #e8f0e4;
  --color-theme-forest-text-secondary: #bcdcbc;
  --color-theme-forest-text-tertiary: #8ac88a;
  --color-theme-forest-accent: #357a27;
  --color-theme-forest-accent-light: #2a4a35;
  --color-theme-forest-border-color: #3a5a45;
  --color-theme-forest-success: #5cb85c;
  --color-theme-forest-error: #ff7d6e;
  --color-theme-forest-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-forest-streak-glow: #ff6b35;
  --color-theme-forest-coin-gold: #f5a623;
  --color-theme-forest-accent-text: #9bdc6a;
  --color-theme-ocean-bg-primary: #0a2a3a;
  --color-theme-ocean-bg-secondary: #124a5a;
  --color-theme-ocean-bg-tertiary: #1a5a6a;
  --color-theme-ocean-text-primary: #e0f0f8;
  --color-theme-ocean-text-secondary: #90c4d8;
  --color-theme-ocean-text-tertiary: #6ab8e0;
  --color-theme-ocean-accent: #1c7fa6;
  --color-theme-ocean-accent-light: #1a3a4a;
  --color-theme-ocean-border-color: #2a5a6a;
  --color-theme-ocean-success: #5bc0de;
  --color-theme-ocean-error: #ff7d6e;
  --color-theme-ocean-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-ocean-streak-glow: #ff6b35;
  --color-theme-ocean-coin-gold: #f5a623;
  --color-theme-ocean-accent-text: #6fd0f0;
  --color-theme-midnight-bg-primary: #0d0d1a;
  --color-theme-midnight-bg-secondary: #1a1a30;
  --color-theme-midnight-bg-tertiary: #2a2540;
  --color-theme-midnight-text-primary: #e0d8f0;
  --color-theme-midnight-text-secondary: #8880b0;
  --color-theme-midnight-text-tertiary: #a8a0d0;
  --color-theme-midnight-accent: #6b4fc4;
  --color-theme-midnight-accent-light: #1e1a35;
  --color-theme-midnight-border-color: #1e1a35;
  --color-theme-midnight-success: #5cb85c;
  --color-theme-midnight-error: #ff7d6e;
  --color-theme-midnight-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --color-theme-midnight-streak-glow: #ff6b35;
  --color-theme-midnight-coin-gold: #f5a623;
  --color-theme-midnight-accent-text: #b3a0f0;
  --color-theme-sunset-bg-primary: #2a1525;
  --color-theme-sunset-bg-secondary: #4a2035;
  --color-theme-sunset-bg-tertiary: #5a3035;
  --color-theme-sunset-text-primary: #f0d8d0;
  --color-theme-sunset-text-secondary: #c09080;
  --color-theme-sunset-text-tertiary: #d0a090;
  --color-theme-sunset-accent: #b94e32;
  --color-theme-sunset-accent-light: #3a2025;
  --color-theme-sunset-border-color: #5a3035;
  --color-theme-sunset-success: #5cb85c;
  --color-theme-sunset-error: #ff7d6e;
  --color-theme-sunset-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-sunset-streak-glow: #ff6b35;
  --color-theme-sunset-coin-gold: #f5a623;
  --color-theme-sunset-accent-text: #f08a6e;
  --spacing-0: 0;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-touch-target: 48px;
  --spacing-touch-target-lg: 56px;
  --typography-font-family-primary: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --typography-font-family-monospace: 'SF Mono', 'Fira Code', 'Monospace';
  --typography-font-size-xs: 0.65rem;
  --typography-font-size-sm: 0.75rem;
  --typography-font-size-base-sm: 0.8rem;
  --typography-font-size-base: 0.85rem;
  --typography-font-size-base-lg: 0.875rem;
  --typography-font-size-md: 0.9rem;
  --typography-font-size-md-lg: 0.95rem;
  --typography-font-size-lg: 1rem;
  --typography-font-size-lg-md: 1.05rem;
  --typography-font-size-xl: 1.1rem;
  --typography-font-size-xl-lg: 1.15rem;
  --typography-font-size-2xl: 1.2rem;
  --typography-font-size-2xl-lg: 1.25rem;
  --typography-font-size-3xl: 1.5rem;
  --typography-font-size-4xl: 2rem;
  --typography-font-weight-normal: 400;
  --typography-font-weight-medium: 500;
  --typography-font-weight-semibold: 600;
  --typography-font-weight-bold: 700;
  --typography-line-height-tight: 1.2;
  --typography-line-height-normal: 1.5;
  --typography-line-height-relaxed: 1.6;
  --typography-letter-spacing-tight: -0.5px;
  --typography-letter-spacing-normal: 0;
  --typography-letter-spacing-wide: 0.3px;
  --border-radius-none: 0;
  --border-radius-xs: 4px;
  --border-radius-sm: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 10px;
  --border-radius-xl: 12px;
  --border-radius-2xl: 16px;
  --border-radius-3xl: 20px;
  --border-radius-full: 9999px;
  --shadow-none: none;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
  --shadow-2xl: 0 20px 60px rgba(0, 0, 0, 0.15);
  --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --animation-duration-instant: 0ms;
  --animation-duration-fast: 150ms;
  --animation-duration-normal: 200ms;
  --animation-duration-medium: 300ms;
  --animation-duration-slow: 400ms;
  --animation-duration-slow-lg: 500ms;
  --animation-duration-slow-xl: 600ms;
  --animation-duration-slow-xxl: 800ms;
  --animation-duration-slow-xxxl: 900ms;
  --animation-duration-slow-xxxxl: 2000ms;
  --animation-easing-linear: linear;
  --animation-easing-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --animation-easing-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --animation-easing-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --animation-easing-emphasized: cubic-bezier(0.1, 0.8, 0.25, 1);
  --animation-easing-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --animation-easing-bounce: cubic-bezier(0.16, 1, 0.3, 1);
  --elevation-level0: none;
  --elevation-level1: 0 1px 2px rgba(0, 0, 0, 0.05);
  --elevation-level2: 0 2px 4px rgba(0, 0, 0, 0.05);
  --elevation-level3: 0 4px 6px rgba(0, 0, 0, 0.05);
  --elevation-level4: 0 10px 15px rgba(0, 0, 0, 0.1);
  --elevation-level5: 0 20px 25px rgba(0, 0, 0, 0.15);
  --shape-corner-none: 0;
  --shape-corner-xs: 4px;
  --shape-corner-sm: 6px;
  --shape-corner-md: 8px;
  --shape-corner-lg: 10px;
  --shape-corner-xl: 12px;
  --shape-corner-2xl: 16px;
  --shape-corner-3xl: 20px;
  --shape-corner-full: 9999px;
  --state-layer-opacity-hover: 0.08;
  --state-layer-opacity-focus: 0.12;
  --state-layer-opacity-pressed: 0.12;
  --state-layer-opacity-dragged: 0.16;
  --breakpoint-sm: 600px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --z-index-base: 0;
  --z-index-dropdown: 100;
  --z-index-sticky: 200;
  --z-index-modal: 1000;
  --z-index-toast: 1500;
  --z-index-tooltip: 2000;
  --touch-target-min: 48px;
  --touch-target-comfortable: 56px;
  /* Backward-compatible aliases */
  --font-stack: var(--typography-font-family-primary);
  --transition-speed: var(--animation-duration-normal);
  --streak-glow: var(--color-palette-brand-streak-glow);
  --app-font-size: 16px;
}

.theme-light {
  --color-theme-light-bg-primary: #ffffff;
  --bg-primary: #ffffff;
  --color-theme-light-bg-secondary: #f4f4f6;
  --bg-secondary: #f4f4f6;
  --color-theme-light-bg-tertiary: #e5e5ea;
  --bg-tertiary: #e5e5ea;
  --color-theme-light-text-primary: #1c1c1e;
  --text-primary: #1c1c1e;
  --color-theme-light-text-secondary: #6d6d70;
  --text-secondary: #6d6d70;
  --color-theme-light-text-tertiary: #6d6d70;
  --text-tertiary: #6d6d70;
  --color-theme-light-accent: #0066d6;
  --accent: #0066d6;
  --color-theme-light-accent-light: #e5f1ff;
  --accent-light: #e5f1ff;
  --color-theme-light-border-color: #e5e5ea;
  --border-color: #e5e5ea;
  --color-theme-light-success: #22863a;
  --success: #22863a;
  --color-theme-light-error: #e02e24;
  --error: #e02e24;
  --color-theme-light-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  --color-theme-light-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-light-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-light-accent-text: #0066d6;
  --accent-text: #0066d6;
}

.theme-sepia {
  --color-theme-sepia-bg-primary: #f4ecd8;
  --bg-primary: #f4ecd8;
  --color-theme-sepia-bg-secondary: #eadecd;
  --bg-secondary: #eadecd;
  --color-theme-sepia-bg-tertiary: #dcd0bd;
  --bg-tertiary: #dcd0bd;
  --color-theme-sepia-text-primary: #433422;
  --text-primary: #433422;
  --color-theme-sepia-text-secondary: #70604c;
  --text-secondary: #70604c;
  --color-theme-sepia-text-tertiary: #5e4f3d;
  --text-tertiary: #5e4f3d;
  --color-theme-sepia-accent: #a0522d;
  --accent: #a0522d;
  --color-theme-sepia-accent-light: #f5e1c8;
  --accent-light: #f5e1c8;
  --color-theme-sepia-border-color: #d3c2b0;
  --border-color: #d3c2b0;
  --color-theme-sepia-success: #4f6b2f;
  --success: #4f6b2f;
  --color-theme-sepia-error: #b22222;
  --error: #b22222;
  --color-theme-sepia-card-shadow: 0 4px 6px rgba(67, 52, 34, 0.1);
  --card-shadow: 0 4px 6px rgba(67, 52, 34, 0.1);
  --color-theme-sepia-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-sepia-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-sepia-accent-text: #8a431f;
  --accent-text: #8a431f;
}

.theme-dark {
  --color-theme-dark-bg-primary: #121212;
  --bg-primary: #121212;
  --color-theme-dark-bg-secondary: #1c1c1e;
  --bg-secondary: #1c1c1e;
  --color-theme-dark-bg-tertiary: #323234;
  --bg-tertiary: #323234;
  --color-theme-dark-text-primary: #ffffff;
  --text-primary: #ffffff;
  --color-theme-dark-text-secondary: #8e8e93;
  --text-secondary: #8e8e93;
  --color-theme-dark-text-tertiary: #a6a6ae;
  --text-tertiary: #a6a6ae;
  --color-theme-dark-accent: #0a6fd6;
  --accent: #0a6fd6;
  --color-theme-dark-accent-light: #1c355e;
  --accent-light: #1c355e;
  --color-theme-dark-border-color: #48484a;
  --border-color: #48484a;
  --color-theme-dark-success: #30d158;
  --success: #30d158;
  --color-theme-dark-error: #ff453a;
  --error: #ff453a;
  --color-theme-dark-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --color-theme-dark-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-dark-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-dark-accent-text: #4a9eff;
  --accent-text: #4a9eff;
}

.theme-forest {
  --color-theme-forest-bg-primary: #1b3a2d;
  --bg-primary: #1b3a2d;
  --color-theme-forest-bg-secondary: #2d5a3d;
  --bg-secondary: #2d5a3d;
  --color-theme-forest-bg-tertiary: #3a6a4d;
  --bg-tertiary: #3a6a4d;
  --color-theme-forest-text-primary: #e8f0e4;
  --text-primary: #e8f0e4;
  --color-theme-forest-text-secondary: #bcdcbc;
  --text-secondary: #bcdcbc;
  --color-theme-forest-text-tertiary: #8ac88a;
  --text-tertiary: #8ac88a;
  --color-theme-forest-accent: #357a27;
  --accent: #357a27;
  --color-theme-forest-accent-light: #2a4a35;
  --accent-light: #2a4a35;
  --color-theme-forest-border-color: #3a5a45;
  --border-color: #3a5a45;
  --color-theme-forest-success: #5cb85c;
  --success: #5cb85c;
  --color-theme-forest-error: #ff7d6e;
  --error: #ff7d6e;
  --color-theme-forest-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-forest-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-forest-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-forest-accent-text: #9bdc6a;
  --accent-text: #9bdc6a;
}

.theme-ocean {
  --color-theme-ocean-bg-primary: #0a2a3a;
  --bg-primary: #0a2a3a;
  --color-theme-ocean-bg-secondary: #124a5a;
  --bg-secondary: #124a5a;
  --color-theme-ocean-bg-tertiary: #1a5a6a;
  --bg-tertiary: #1a5a6a;
  --color-theme-ocean-text-primary: #e0f0f8;
  --text-primary: #e0f0f8;
  --color-theme-ocean-text-secondary: #90c4d8;
  --text-secondary: #90c4d8;
  --color-theme-ocean-text-tertiary: #6ab8e0;
  --text-tertiary: #6ab8e0;
  --color-theme-ocean-accent: #1c7fa6;
  --accent: #1c7fa6;
  --color-theme-ocean-accent-light: #1a3a4a;
  --accent-light: #1a3a4a;
  --color-theme-ocean-border-color: #2a5a6a;
  --border-color: #2a5a6a;
  --color-theme-ocean-success: #5bc0de;
  --success: #5bc0de;
  --color-theme-ocean-error: #ff7d6e;
  --error: #ff7d6e;
  --color-theme-ocean-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-ocean-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-ocean-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-ocean-accent-text: #6fd0f0;
  --accent-text: #6fd0f0;
}

.theme-midnight {
  --color-theme-midnight-bg-primary: #0d0d1a;
  --bg-primary: #0d0d1a;
  --color-theme-midnight-bg-secondary: #1a1a30;
  --bg-secondary: #1a1a30;
  --color-theme-midnight-bg-tertiary: #2a2540;
  --bg-tertiary: #2a2540;
  --color-theme-midnight-text-primary: #e0d8f0;
  --text-primary: #e0d8f0;
  --color-theme-midnight-text-secondary: #8880b0;
  --text-secondary: #8880b0;
  --color-theme-midnight-text-tertiary: #a8a0d0;
  --text-tertiary: #a8a0d0;
  --color-theme-midnight-accent: #6b4fc4;
  --accent: #6b4fc4;
  --color-theme-midnight-accent-light: #1e1a35;
  --accent-light: #1e1a35;
  --color-theme-midnight-border-color: #1e1a35;
  --border-color: #1e1a35;
  --color-theme-midnight-success: #5cb85c;
  --success: #5cb85c;
  --color-theme-midnight-error: #ff7d6e;
  --error: #ff7d6e;
  --color-theme-midnight-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
  --color-theme-midnight-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-midnight-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-midnight-accent-text: #b3a0f0;
  --accent-text: #b3a0f0;
}

.theme-sunset {
  --color-theme-sunset-bg-primary: #2a1525;
  --bg-primary: #2a1525;
  --color-theme-sunset-bg-secondary: #4a2035;
  --bg-secondary: #4a2035;
  --color-theme-sunset-bg-tertiary: #5a3035;
  --bg-tertiary: #5a3035;
  --color-theme-sunset-text-primary: #f0d8d0;
  --text-primary: #f0d8d0;
  --color-theme-sunset-text-secondary: #c09080;
  --text-secondary: #c09080;
  --color-theme-sunset-text-tertiary: #d0a090;
  --text-tertiary: #d0a090;
  --color-theme-sunset-accent: #b94e32;
  --accent: #b94e32;
  --color-theme-sunset-accent-light: #3a2025;
  --accent-light: #3a2025;
  --color-theme-sunset-border-color: #5a3035;
  --border-color: #5a3035;
  --color-theme-sunset-success: #5cb85c;
  --success: #5cb85c;
  --color-theme-sunset-error: #ff7d6e;
  --error: #ff7d6e;
  --color-theme-sunset-card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  --color-theme-sunset-streak-glow: #ff6b35;
  --streak-glow: #ff6b35;
  --color-theme-sunset-coin-gold: #f5a623;
  --coin-gold: #f5a623;
  --color-theme-sunset-accent-text: #f08a6e;
  --accent-text: #f08a6e;
}

:root {
  --state-layer-hover: 0.08;
  --state-layer-focus: 0.12;
  --state-layer-pressed: 0.12;
  --state-layer-dragged: 0.16;
}