:root {
  --theme-bg: #070b14;
  --theme-bg-secondary: #0b1220;
  --theme-bg-tertiary: #101827;
  --theme-surface: #111a29;
  --theme-surface-elevated: #172236;
  --theme-surface-soft: rgba(23, 34, 54, .74);
  --theme-primary: #d6ad52;
  --theme-primary-light: #f0cf78;
  --theme-primary-bright: #f5d98c;
  --theme-primary-dark: #9b762d;
  --theme-primary-soft: rgba(214, 173, 82, .14);
  --theme-secondary: #278cff;
  --theme-secondary-light: #44b7ff;
  --theme-secondary-soft: rgba(39, 140, 255, .12);
  --theme-accent: #44b7ff;
  --theme-accent-soft: rgba(68, 183, 255, .12);
  --theme-text: #fffaf0;
  --theme-text-secondary: #c8c0ad;
  --theme-text-muted: #8e96a7;
  --theme-border: rgba(155, 166, 190, .18);
  --theme-border-strong: rgba(214, 173, 82, .35);
  --theme-border-accent: rgba(39, 140, 255, .26);
  --theme-glow-primary: rgba(214, 173, 82, .14);
  --theme-glow-secondary: rgba(39, 140, 255, .10);
  --theme-body-gradient: radial-gradient(circle at 18% 8%, rgba(214,173,82,.10), transparent 30%), radial-gradient(circle at 82% 16%, rgba(39,140,255,.08), transparent 26%), linear-gradient(180deg, #070b14 0%, #0a1120 100%);
  --theme-grid-line-primary: rgba(240, 207, 120, .018);
  --theme-grid-line-secondary: rgba(39, 140, 255, .018);
  --theme-header-bg: rgba(7, 11, 20, .72);
  --theme-header-bg-scrolled: rgba(7, 11, 20, .96);
  --theme-hero-bg: linear-gradient(145deg, rgba(17,26,41,.88), rgba(7,11,20,.72));
  --theme-section-bg: rgba(11, 18, 32, .66);
  --theme-games-bg: linear-gradient(180deg, rgba(7,11,20,.18), rgba(11,18,32,.74));
  --theme-card-bg: linear-gradient(150deg, rgba(23,34,54,.94), rgba(11,18,32,.98));
  --theme-control-bg: rgba(7, 11, 20, .74);
  --theme-control-bg-focus: rgba(11, 18, 32, .94);
  --theme-focus-shadow: 0 0 0 3px var(--theme-primary-soft), 0 0 14px var(--theme-secondary-soft);
  --theme-title-gradient: linear-gradient(100deg, var(--theme-primary-dark) 0%, var(--theme-primary) 28%, var(--theme-text) 50%, var(--theme-primary-light) 58%, var(--theme-primary) 76%, var(--theme-primary-dark) 100%);
  --theme-section-title-gradient: linear-gradient(90deg, var(--theme-primary-dark) 0%, var(--theme-primary) 30%, var(--theme-primary-bright) 52%, var(--theme-primary) 75%, var(--theme-primary-dark) 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, var(--theme-primary-dark), var(--theme-primary-light), var(--theme-secondary));
  --theme-nav-accent: var(--theme-primary-light);
  --theme-button-start: var(--theme-primary-dark);
  --theme-button-mid: var(--theme-primary);
  --theme-button-end: var(--theme-primary-light);
  --theme-button-text: var(--theme-bg);
  --theme-provider-active: linear-gradient(135deg, var(--theme-primary-dark), var(--theme-primary), var(--theme-primary-light));
  --theme-provider-active-text: var(--theme-button-text);
  --theme-provider-hover-shadow: 0 8px 20px var(--theme-glow-primary);
  --theme-running-text-bg: linear-gradient(100deg, rgba(17,26,41,.92), rgba(214,173,82,.07), rgba(17,26,41,.92));
  --theme-progress-track: rgba(255, 255, 255, .07);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, var(--theme-secondary-soft), transparent 34%), linear-gradient(155deg, var(--theme-surface-elevated), var(--theme-bg-secondary));
  --theme-ai-panel-glow: 0 0 34px var(--theme-glow-secondary), 0 0 26px var(--theme-glow-primary);
  --theme-ai-stroke-1: rgba(59, 130, 246, .72);
  --theme-ai-stroke-2: rgba(56, 189, 248, .95);
  --theme-ai-stroke-3: rgba(240, 207, 120, .72);
  --theme-thumb-a: #123b5e;
  --theme-thumb-b: #091524;
  --theme-thumb-glow: rgba(39, 140, 255, .18);
  --theme-modal-bg: linear-gradient(150deg, rgba(23,34,54,.99), rgba(7,11,20,.99) 68%);
  --theme-modal-surface: rgba(23, 34, 54, .48);
  --theme-modal-surface-strong: rgba(11, 18, 32, .88);
  --theme-modal-shimmer: rgba(240,207,120,.12);
  --theme-disclaimer-bg: rgba(214,173,82,.045);

  --color-bg-primary: var(--theme-bg);
  --color-bg-secondary: var(--theme-bg-secondary);
  --color-bg-tertiary: var(--theme-bg-tertiary);
  --color-surface: var(--theme-surface);
  --color-surface-elevated: var(--theme-surface-elevated);
  --color-surface-soft: var(--theme-surface-soft);
  --color-gold-primary: var(--theme-primary);
  --color-gold-light: var(--theme-primary-light);
  --color-gold-bright: var(--theme-primary-bright);
  --color-gold-dark: var(--theme-primary-dark);
  --color-gold-soft: var(--theme-primary-soft);
  --color-blue-accent: var(--theme-secondary);
  --color-blue-light: var(--theme-secondary-light);
  --color-blue-soft: var(--theme-secondary-soft);
  --color-cyan-accent: var(--theme-accent);
  --color-text-primary: var(--theme-text);
  --color-text-secondary: var(--theme-text-secondary);
  --color-text-muted: var(--theme-text-muted);
  --color-border: var(--theme-border);
  --color-border-gold: var(--theme-border-strong);
  --color-border-blue: var(--theme-border-accent);
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --shadow-soft: 0 18px 50px rgba(0, 0, 0, .30);
  --shadow-gold: 0 0 28px var(--theme-glow-primary);
  --shadow-blue: 0 0 20px var(--theme-glow-secondary);
  --duration-fast: 180ms;
  --duration-normal: 260ms;
  --duration-reveal: 480ms;
  --ease-out: cubic-bezier(.2, .75, .25, 1);
  --bg: var(--color-bg-primary);
  --bg-soft: var(--color-bg-secondary);
  --surface: var(--color-surface-soft);
  --surface-solid: var(--color-surface);
  --surface-light: var(--color-surface-elevated);
  --border: var(--color-border);
  --border-strong: var(--color-border-gold);
  --text: var(--color-text-primary);
  --text-muted: var(--color-text-muted);
  --color-gold: var(--color-gold-primary);
  --color-electric-blue: var(--color-blue-accent);
  --color-electric-blue-light: var(--color-blue-light);
  --blue: var(--color-blue-accent);
  --cyan: var(--color-cyan-accent);
  --gold: var(--color-gold);
  --gold-light: var(--color-gold-light);
  --green: var(--color-success);
  --danger: var(--color-danger);
  --shadow: var(--shadow-soft);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --container: 1200px;
  --header-height: 72px;
  --transition: var(--duration-fast) ease;
}

[data-theme="navy_gold"] {
  --theme-title-gradient: linear-gradient(100deg, #9b762d 0%, #d6ad52 30%, #f0cf78 54%, #d6ad52 76%, #9b762d 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #9b762d 0%, #d6ad52 34%, #f5d98c 58%, #d6ad52 78%, #9b762d 100%);
}

[data-theme="purple_magenta"] {
  --theme-bg: #080512;
  --theme-bg-secondary: #10091d;
  --theme-bg-tertiary: #1a0d2e;
  --theme-surface: #170d27;
  --theme-surface-elevated: #24113d;
  --theme-surface-soft: rgba(26, 13, 46, .82);
  --theme-primary: #ff0078;
  --theme-primary-light: #ff0078;
  --theme-primary-bright: #ff2f96;
  --theme-primary-dark: #b8196d;
  --theme-primary-soft: rgba(255, 0, 120, .12);
  --theme-secondary: #5b21b6;
  --theme-secondary-light: #7c3aed;
  --theme-secondary-soft: rgba(91, 33, 182, .12);
  --theme-accent: #22d3ee;
  --theme-accent-soft: rgba(34, 211, 238, .075);
  --theme-text: #fff;
  --theme-text-secondary: #fff;
  --theme-text-muted: #9c86b6;
  --theme-border-strong: rgba(255, 0, 120, .38);
  --theme-border-accent: rgba(255, 0, 120, .26);
  --theme-glow-primary: rgba(255, 0, 120, .14);
  --theme-glow-secondary: rgba(255, 0, 120, .075);
  --theme-body-gradient: radial-gradient(circle at 14% 8%, rgba(255,0,120,.078), transparent 31%), radial-gradient(circle at 86% 18%, rgba(34,211,238,.020), transparent 26%), radial-gradient(circle at 48% 92%, rgba(76,29,149,.105), transparent 34%), linear-gradient(180deg, #080512 0%, #12091f 54%, #070410 100%);
  --theme-grid-line-primary: rgba(255, 0, 120, .016);
  --theme-grid-line-secondary: rgba(34, 211, 238, .010);
  --theme-header-bg: rgba(8, 5, 18, .82);
  --theme-header-bg-scrolled: rgba(8, 5, 18, .97);
  --theme-hero-bg: radial-gradient(circle at 78% 30%, rgba(34,211,238,.038), transparent 35%), linear-gradient(145deg, rgba(36,17,61,.92), rgba(8,5,18,.82));
  --theme-section-bg: rgba(16, 9, 29, .78);
  --theme-games-bg: linear-gradient(180deg, rgba(8,5,18,.24), rgba(16,9,29,.84));
  --theme-card-bg: linear-gradient(150deg, rgba(36,17,61,.94), rgba(10,5,18,.99));
  --theme-control-bg: rgba(8, 5, 18, .84);
  --theme-control-bg-focus: rgba(23, 11, 41, .98);
  --theme-focus-shadow: 0 0 0 3px rgba(255,0,120,.14), 0 0 14px rgba(255,0,120,.10);
  --theme-title-gradient: linear-gradient(100deg, #ff0078 0%, #ff0078 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #ff0078 0%, #ff0078 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, #b8196d, #ff0078, #ff2f96);
  --theme-nav-accent: #ff0078;
  --theme-button-start: #b8196d;
  --theme-button-mid: #b8196d;
  --theme-button-end: #b8196d;
  --theme-button-text: #fff;
  --theme-provider-active: linear-gradient(135deg, #69103f 0%, #b8196d 62%, #ff0078 112%);
  --theme-provider-hover-shadow: 0 8px 22px rgba(255,0,120,.14), 0 0 14px rgba(255,0,120,.055);
  --theme-running-text-bg: linear-gradient(100deg, rgba(13,7,24,.96), rgba(255,0,120,.065), rgba(34,211,238,.018), rgba(13,7,24,.96));
  --theme-progress-track: rgba(255, 0, 120, .070);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, rgba(255,0,120,.068), transparent 34%), radial-gradient(circle at 74% 20%, rgba(34,211,238,.020), transparent 30%), linear-gradient(155deg, #24113d, #10091d);
  --theme-ai-panel-glow: 0 0 30px rgba(255,0,120,.10), 0 0 18px rgba(34,211,238,.030);
  --theme-ai-stroke-1: rgba(184, 25, 109, .82);
  --theme-ai-stroke-2: rgba(255, 0, 120, .90);
  --theme-ai-stroke-3: rgba(255, 47, 150, .68);
  --theme-thumb-a: #3b0764;
  --theme-thumb-b: #090511;
  --theme-thumb-glow: rgba(255, 0, 120, .15);
  --theme-modal-bg: linear-gradient(150deg, rgba(36,17,61,.99), rgba(8,5,18,.99) 72%);
  --theme-modal-surface: rgba(26, 13, 46, .54);
  --theme-modal-surface-strong: rgba(10, 5, 18, .90);
  --theme-modal-shimmer: rgba(255, 0, 120, .085);
  --theme-disclaimer-bg: rgba(255,0,120,.044);
}

[data-theme="black_red"] {
  --theme-bg: #0b0b0d;
  --theme-bg-secondary: #151114;
  --theme-bg-tertiary: #211316;
  --theme-surface: #18171a;
  --theme-surface-elevated: #26171a;
  --theme-surface-soft: rgba(38, 23, 26, .76);
  --theme-primary: #dc2626;
  --theme-primary-light: #e11d48;
  --theme-primary-bright: #dc2626;
  --theme-primary-dark: #7f1d1d;
  --theme-primary-soft: rgba(220, 38, 38, .13);
  --theme-secondary: #991b1b;
  --theme-secondary-light: #b91c1c;
  --theme-secondary-soft: rgba(153, 27, 27, .13);
  --theme-accent: #dc2626;
  --theme-accent-soft: rgba(220, 38, 38, .10);
  --theme-text: #f8fafc;
  --theme-text-secondary: #d7d1d1;
  --theme-text-muted: #9b9294;
  --theme-border-strong: rgba(220, 38, 38, .34);
  --theme-border-accent: rgba(220, 38, 38, .22);
  --theme-glow-primary: rgba(220, 38, 38, .15);
  --theme-glow-secondary: rgba(185, 28, 28, .08);
  --theme-body-gradient: radial-gradient(circle at 18% 8%, rgba(220,38,38,.095), transparent 30%), radial-gradient(circle at 82% 18%, rgba(127,29,29,.13), transparent 29%), radial-gradient(circle at 46% 92%, rgba(153,27,27,.05), transparent 34%), linear-gradient(180deg, #0b0b0d 0%, #171214 52%, #0d0d10 100%);
  --theme-grid-line-primary: rgba(185, 28, 28, .014);
  --theme-grid-line-secondary: rgba(185, 28, 28, .012);
  --theme-header-bg: rgba(11, 11, 13, .78);
  --theme-header-bg-scrolled: rgba(11, 11, 13, .97);
  --theme-hero-bg: radial-gradient(circle at 78% 28%, rgba(185,28,28,.07), transparent 34%), linear-gradient(145deg, rgba(38,23,26,.90), rgba(11,11,13,.78));
  --theme-section-bg: rgba(21, 17, 20, .74);
  --theme-games-bg: linear-gradient(180deg, rgba(11,11,13,.20), rgba(21,17,20,.78));
  --theme-card-bg: linear-gradient(150deg, rgba(38,23,26,.93), rgba(14,13,16,.98));
  --theme-control-bg: rgba(11, 11, 13, .78);
  --theme-control-bg-focus: rgba(25, 18, 20, .96);
  --theme-focus-shadow: 0 0 0 3px rgba(220,38,38,.12), 0 0 15px rgba(185,28,28,.10);
  --theme-title-gradient: linear-gradient(100deg, #7f1d1d 0%, #991b1b 26%, #b91c1c 52%, #dc2626 78%, #7f1d1d 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #7f1d1d 0%, #991b1b 28%, #b91c1c 58%, #dc2626 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, #450a0a, #991b1b, #dc2626);
  --theme-nav-accent: #dc2626;
  --theme-button-start: #7f1d1d;
  --theme-button-mid: #b91c1c;
  --theme-button-end: #dc2626;
  --theme-button-text: #fff7f7;
  --theme-provider-active: linear-gradient(135deg, #7f1d1d 0%, #b91c1c 54%, #dc2626 100%);
  --theme-provider-hover-shadow: 0 8px 22px rgba(220,38,38,.15), 0 0 14px rgba(185,28,28,.055);
  --theme-running-text-bg: linear-gradient(100deg, rgba(21,17,20,.95), rgba(220,38,38,.075), rgba(127,29,29,.045), rgba(21,17,20,.95));
  --theme-progress-track: rgba(127, 29, 29, .085);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, rgba(220,38,38,.08), transparent 34%), radial-gradient(circle at 75% 20%, rgba(127,29,29,.065), transparent 30%), linear-gradient(155deg, #26171a, #151114);
  --theme-ai-panel-glow: 0 0 32px rgba(220,38,38,.12), 0 0 20px rgba(185,28,28,.055);
  --theme-ai-stroke-1: rgba(127, 29, 29, .78);
  --theme-ai-stroke-2: rgba(220, 38, 38, .90);
  --theme-ai-stroke-3: rgba(185, 28, 28, .62);
  --theme-thumb-a: #4a1010;
  --theme-thumb-b: #111113;
  --theme-thumb-glow: rgba(220, 38, 38, .18);
  --theme-modal-bg: linear-gradient(150deg, rgba(38,23,26,.99), rgba(11,11,13,.99) 70%);
  --theme-modal-surface: rgba(38, 23, 26, .48);
  --theme-modal-surface-strong: rgba(17, 14, 16, .88);
  --theme-modal-shimmer: rgba(185, 28, 28, .10);
  --theme-disclaimer-bg: rgba(220,38,38,.05);
}

[data-theme="midnight_cyan"] {
  --theme-bg: #06111f;
  --theme-bg-secondary: #0b1d32;
  --theme-bg-tertiary: #102944;
  --theme-surface: #0f2338;
  --theme-surface-elevated: #14314d;
  --theme-surface-soft: rgba(20, 49, 77, .72);
  --theme-primary: #38bdf8;
  --theme-primary-light: #7dd3fc;
  --theme-primary-bright: #bae6fd;
  --theme-primary-dark: #0284c7;
  --theme-primary-soft: rgba(56, 189, 248, .14);
  --theme-secondary: #22d3ee;
  --theme-secondary-light: #67e8f9;
  --theme-secondary-soft: rgba(34, 211, 238, .12);
  --theme-accent: #60a5fa;
  --theme-accent-soft: rgba(96, 165, 250, .12);
  --theme-text: #f2fbff;
  --theme-text-secondary: #c2d9e6;
  --theme-text-muted: #8ca5b7;
  --theme-border-strong: rgba(56, 189, 248, .34);
  --theme-border-accent: rgba(34, 211, 238, .28);
  --theme-glow-primary: rgba(56, 189, 248, .15);
  --theme-glow-secondary: rgba(34, 211, 238, .13);
  --theme-body-gradient: radial-gradient(circle at 18% 8%, rgba(56,189,248,.10), transparent 30%), radial-gradient(circle at 82% 16%, rgba(34,211,238,.10), transparent 26%), linear-gradient(180deg, #06111f 0%, #0a223a 100%);
  --theme-grid-line-primary: rgba(125, 211, 252, .018);
  --theme-grid-line-secondary: rgba(34, 211, 238, .022);
  --theme-header-bg: rgba(6, 17, 31, .74);
  --theme-header-bg-scrolled: rgba(6, 17, 31, .96);
  --theme-hero-bg: linear-gradient(145deg, rgba(20,49,77,.86), rgba(6,17,31,.74));
  --theme-section-bg: rgba(11, 29, 50, .68);
  --theme-games-bg: linear-gradient(180deg, rgba(6,17,31,.18), rgba(11,29,50,.74));
  --theme-card-bg: linear-gradient(150deg, rgba(20,49,77,.92), rgba(11,29,50,.98));
  --theme-running-text-bg: linear-gradient(100deg, rgba(15,35,56,.92), rgba(56,189,248,.07), rgba(15,35,56,.92));
  --theme-ai-stroke-1: rgba(96, 165, 250, .72);
  --theme-ai-stroke-2: rgba(34, 211, 238, .94);
  --theme-ai-stroke-3: rgba(125, 211, 252, .62);
  --theme-thumb-a: #075985;
  --theme-thumb-b: #071728;
  --theme-thumb-glow: rgba(34, 211, 238, .20);
}

[data-theme="cyber_green"] {
  --theme-bg: #050805;
  --theme-bg-secondary: #070d08;
  --theme-bg-tertiary: #0a120b;
  --theme-surface: #0a120b;
  --theme-surface-elevated: #101a11;
  --theme-surface-soft: rgba(10, 18, 11, .80);
  --theme-primary: #00ff2a;
  --theme-primary-light: #18ff45;
  --theme-primary-bright: #39ff5a;
  --theme-primary-dark: #00c921;
  --theme-primary-soft: rgba(0, 255, 42, .12);
  --theme-secondary: #00e827;
  --theme-secondary-light: #39ff5a;
  --theme-secondary-soft: rgba(0, 255, 42, .08);
  --theme-accent: #18ff45;
  --theme-accent-soft: rgba(0, 255, 42, .10);
  --theme-text: #ffffff;
  --theme-text-secondary: #eaf5ec;
  --theme-text-muted: #94a997;
  --theme-border-strong: rgba(0, 255, 42, .36);
  --theme-border-accent: rgba(0, 255, 42, .25);
  --theme-glow-primary: rgba(0, 255, 42, .13);
  --theme-glow-secondary: rgba(24, 255, 69, .075);
  --theme-body-gradient: radial-gradient(circle at 85% 0%, rgba(0,255,42,.12), transparent 30%), radial-gradient(circle at 10% 40%, rgba(0,255,42,.05), transparent 28%), radial-gradient(circle at 52% 100%, rgba(24,255,69,.035), transparent 34%), linear-gradient(180deg, #0a0f0b 0%, #070a08 48%, #030503 100%);
  --theme-grid-line-primary: rgba(0, 255, 42, .015);
  --theme-grid-line-secondary: rgba(24, 255, 69, .010);
  --theme-header-bg: linear-gradient(180deg, rgba(10,18,11,.84), rgba(5,8,5,.82));
  --theme-header-bg-scrolled: linear-gradient(180deg, rgba(10,18,11,.97), rgba(3,5,3,.97));
  --theme-hero-bg: radial-gradient(circle at 78% 28%, rgba(0,255,42,.075), transparent 34%), linear-gradient(145deg, rgba(16,26,17,.91), rgba(5,8,5,.82));
  --theme-section-bg: rgba(7, 13, 8, .76);
  --theme-games-bg: linear-gradient(180deg, rgba(5,8,5,.20), rgba(7,13,8,.84));
  --theme-card-bg: linear-gradient(150deg, rgba(16,26,17,.94), rgba(5,8,5,.99));
  --theme-control-bg: rgba(5, 8, 5, .82);
  --theme-control-bg-focus: rgba(10, 18, 11, .98);
  --theme-focus-shadow: 0 0 0 3px rgba(0,255,42,.13), 0 0 15px rgba(0,255,42,.09);
  --theme-title-gradient: linear-gradient(100deg, #00c921 0%, #00e827 26%, #00ff2a 52%, #39ff5a 74%, #00c921 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #00c921 0%, #00ff2a 38%, #39ff5a 62%, #00e827 82%, #00c921 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, #064e16, #00c921, #00ff2a, #39ff5a);
  --theme-nav-accent: #18ff45;
  --theme-button-start: #39ff5a;
  --theme-button-mid: #00e827;
  --theme-button-end: #00b91d;
  --theme-button-text: #030503;
  --theme-provider-active: linear-gradient(135deg, #39ff5a 0%, #00e827 55%, #00b91d 100%);
  --theme-provider-active-text: #030503;
  --theme-provider-hover-shadow: 0 12px 30px rgba(0,0,0,.38), 0 0 20px rgba(0,255,42,.10);
  --theme-running-text-bg: linear-gradient(100deg, rgba(5,8,5,.97), rgba(0,255,42,.065), rgba(10,18,11,.88), rgba(5,8,5,.97));
  --theme-progress-track: rgba(0, 255, 42, .075);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, rgba(0,255,42,.085), transparent 34%), radial-gradient(circle at 75% 20%, rgba(24,255,69,.045), transparent 30%), linear-gradient(155deg, #101a11, #070d08);
  --theme-ai-panel-glow: 0 12px 30px rgba(0,0,0,.45), 0 0 22px rgba(0,255,42,.08);
  --theme-ai-stroke-1: rgba(0, 201, 33, .76);
  --theme-ai-stroke-2: rgba(0, 255, 42, .88);
  --theme-ai-stroke-3: rgba(57, 255, 90, .58);
  --theme-thumb-a: #00c921;
  --theme-thumb-b: #050805;
  --theme-thumb-glow: rgba(0, 255, 42, .16);
  --theme-modal-bg: linear-gradient(150deg, rgba(16,26,17,.99), rgba(3,5,3,.99) 70%);
  --theme-modal-surface: rgba(10, 18, 11, .54);
  --theme-modal-surface-strong: rgba(5, 8, 5, .90);
  --theme-modal-shimmer: rgba(0, 255, 42, .08);
  --theme-disclaimer-bg: rgba(0,255,42,.045);
}

[data-theme="royal_blue_silver"] {
  --theme-bg: #071126;
  --theme-bg-secondary: #0d1b3a;
  --theme-bg-tertiary: #14275a;
  --theme-surface: #13234a;
  --theme-surface-elevated: #1c3265;
  --theme-surface-soft: rgba(28, 50, 101, .72);
  --theme-primary: #60a5fa;
  --theme-primary-light: #bfdbfe;
  --theme-primary-bright: #e2e8f0;
  --theme-primary-dark: #2563eb;
  --theme-primary-soft: rgba(96, 165, 250, .14);
  --theme-secondary: #94a3b8;
  --theme-secondary-light: #cbd5e1;
  --theme-secondary-soft: rgba(148, 163, 184, .12);
  --theme-accent: #38bdf8;
  --theme-accent-soft: rgba(56, 189, 248, .12);
  --theme-text: #f8fbff;
  --theme-text-secondary: #d4ddeb;
  --theme-text-muted: #9aa9bd;
  --theme-border-strong: rgba(96, 165, 250, .34);
  --theme-border-accent: rgba(203, 213, 225, .28);
  --theme-glow-primary: rgba(96, 165, 250, .15);
  --theme-glow-secondary: rgba(148, 163, 184, .10);
  --theme-body-gradient: radial-gradient(circle at 18% 8%, rgba(96,165,250,.11), transparent 30%), radial-gradient(circle at 82% 16%, rgba(203,213,225,.08), transparent 26%), linear-gradient(180deg, #071126 0%, #10214a 100%);
  --theme-grid-line-primary: rgba(191, 219, 254, .018);
  --theme-grid-line-secondary: rgba(56, 189, 248, .018);
  --theme-header-bg: rgba(7, 17, 38, .74);
  --theme-header-bg-scrolled: rgba(7, 17, 38, .96);
  --theme-hero-bg: linear-gradient(145deg, rgba(28,50,101,.86), rgba(7,17,38,.74));
  --theme-section-bg: rgba(13, 27, 58, .68);
  --theme-games-bg: linear-gradient(180deg, rgba(7,17,38,.18), rgba(13,27,58,.74));
  --theme-card-bg: linear-gradient(150deg, rgba(28,50,101,.92), rgba(13,27,58,.98));
  --theme-running-text-bg: linear-gradient(100deg, rgba(19,35,74,.92), rgba(96,165,250,.07), rgba(19,35,74,.92));
  --theme-ai-stroke-1: rgba(37, 99, 235, .74);
  --theme-ai-stroke-2: rgba(96, 165, 250, .92);
  --theme-ai-stroke-3: rgba(203, 213, 225, .62);
  --theme-thumb-a: #1d4ed8;
  --theme-thumb-b: #081732;
  --theme-thumb-glow: rgba(96, 165, 250, .20);
}

[data-theme="grey_orange"] {
  --theme-bg: #333333;
  --theme-bg-secondary: #292929;
  --theme-bg-tertiary: #1e1e1e;
  --theme-surface: #252525;
  --theme-surface-elevated: #303030;
  --theme-surface-soft: rgba(42, 42, 42, .82);
  --theme-primary: #ff9600;
  --theme-primary-light: #ffa31a;
  --theme-primary-bright: #ffc266;
  --theme-primary-dark: #d97f00;
  --theme-primary-soft: rgba(255, 150, 0, .105);
  --theme-secondary: #383838;
  --theme-secondary-light: #4a4a4a;
  --theme-secondary-soft: rgba(255, 255, 255, .055);
  --theme-accent: #ff9600;
  --theme-accent-soft: rgba(255, 150, 0, .085);
  --theme-text: #ffffff;
  --theme-text-secondary: #f5f5f5;
  --theme-text-muted: #bdbdbd;
  --theme-border: rgba(255, 255, 255, .07);
  --theme-border-strong: rgba(255, 150, 0, .28);
  --theme-border-accent: rgba(255, 150, 0, .25);
  --theme-glow-primary: rgba(255, 150, 0, .09);
  --theme-glow-secondary: rgba(255, 194, 102, .045);
  --theme-body-gradient: radial-gradient(circle at 85% 0%, rgba(255,150,0,.13), transparent 32%), radial-gradient(circle at 10% 35%, rgba(255,150,0,.05), transparent 28%), radial-gradient(circle at 50% 100%, rgba(255,194,102,.035), transparent 38%), linear-gradient(180deg, #333333 0%, #292929 48%, #1e1e1e 100%);
  --theme-grid-line-primary: rgba(255, 194, 102, .012);
  --theme-grid-line-secondary: rgba(255, 255, 255, .010);
  --theme-header-bg: linear-gradient(180deg, rgba(48,48,48,.84), rgba(36,36,36,.82));
  --theme-header-bg-scrolled: linear-gradient(180deg, rgba(48,48,48,.97), rgba(30,30,30,.97));
  --theme-hero-bg: radial-gradient(circle at 78% 30%, rgba(255,150,0,.055), transparent 34%), linear-gradient(145deg, rgba(48,48,48,.94), rgba(37,37,37,.88));
  --theme-section-bg: rgba(37, 37, 37, .74);
  --theme-games-bg: linear-gradient(180deg, rgba(51,51,51,.18), rgba(37,37,37,.86));
  --theme-card-bg: linear-gradient(150deg, rgba(48,48,48,.95), rgba(37,37,37,.99));
  --theme-control-bg: rgba(36, 36, 36, .84);
  --theme-control-bg-focus: rgba(41, 41, 41, .98);
  --theme-focus-shadow: 0 0 0 3px rgba(255,150,0,.13), 0 0 14px rgba(255,150,0,.075);
  --theme-title-gradient: linear-gradient(100deg, #d97f00 0%, #ff9600 28%, #ffae33 52%, #ffc266 66%, #e98500 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #d97f00 0%, #ff9600 42%, #ffae33 64%, #e98500 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, rgba(255,255,255,.10), #ff9600, #ffc266);
  --theme-nav-accent: #ffa31a;
  --theme-button-start: #ffb03a;
  --theme-button-mid: #ff9600;
  --theme-button-end: #e98300;
  --theme-button-text: #1c1c1c;
  --theme-provider-active: linear-gradient(135deg, #ffb03a 0%, #ff9600 55%, #e98300 100%);
  --theme-provider-active-text: #1c1c1c;
  --theme-provider-hover-shadow: 0 12px 30px rgba(0,0,0,.35), 0 0 18px rgba(255,150,0,.085);
  --theme-running-text-bg: linear-gradient(100deg, rgba(36,36,36,.97), rgba(255,150,0,.055), rgba(48,48,48,.82), rgba(36,36,36,.97));
  --theme-progress-track: rgba(255, 255, 255, .09);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, rgba(255,150,0,.065), transparent 34%), radial-gradient(circle at 74% 20%, rgba(255,194,102,.028), transparent 30%), linear-gradient(155deg, #303030, #242424);
  --theme-ai-panel-glow: 0 12px 30px rgba(0,0,0,.35), 0 0 20px rgba(255,150,0,.06);
  --theme-ai-stroke-1: rgba(217, 127, 0, .74);
  --theme-ai-stroke-2: rgba(255, 150, 0, .86);
  --theme-ai-stroke-3: rgba(255, 194, 102, .52);
  --theme-thumb-a: #d97f00;
  --theme-thumb-b: #242424;
  --theme-thumb-glow: rgba(255, 150, 0, .14);
  --theme-modal-bg: linear-gradient(150deg, rgba(48,48,48,.99), rgba(30,30,30,.99) 72%);
  --theme-modal-surface: rgba(42, 42, 42, .58);
  --theme-modal-surface-strong: rgba(36, 36, 36, .92);
  --theme-modal-shimmer: rgba(255, 150, 0, .075);
  --theme-disclaimer-bg: rgba(255,150,0,.042);
}

[data-theme="red_gold"] {
  --theme-bg: #120607;
  --theme-bg-secondary: #21100f;
  --theme-bg-tertiary: #341715;
  --theme-surface: #281412;
  --theme-surface-elevated: #3f1b17;
  --theme-surface-soft: rgba(63, 27, 23, .74);
  --theme-primary: #d6ad52;
  --theme-primary-light: #f3cf7a;
  --theme-primary-bright: #f3cf7a;
  --theme-primary-dark: #9f7221;
  --theme-primary-soft: rgba(214, 173, 82, .14);
  --theme-secondary: #b91c1c;
  --theme-secondary-light: #dc2626;
  --theme-secondary-soft: rgba(185, 28, 28, .12);
  --theme-accent: #f59e0b;
  --theme-accent-soft: rgba(245, 158, 11, .115);
  --theme-text: #f3cf7a;
  --theme-text-secondary: #d6ad52;
  --theme-text-muted: #b79b77;
  --theme-border-strong: rgba(214, 173, 82, .36);
  --theme-border-accent: rgba(185, 28, 28, .25);
  --theme-glow-primary: rgba(214, 173, 82, .145);
  --theme-glow-secondary: rgba(185, 28, 28, .095);
  --theme-body-gradient: radial-gradient(circle at 18% 9%, rgba(214,173,82,.105), transparent 30%), radial-gradient(circle at 82% 16%, rgba(185,28,28,.115), transparent 28%), radial-gradient(circle at 44% 90%, rgba(245,158,11,.050), transparent 34%), linear-gradient(180deg, #120607 0%, #281111 54%, #130708 100%);
  --theme-grid-line-primary: rgba(243, 207, 122, .016);
  --theme-grid-line-secondary: rgba(185, 28, 28, .014);
  --theme-header-bg: rgba(18, 6, 7, .77);
  --theme-header-bg-scrolled: rgba(18, 6, 7, .96);
  --theme-hero-bg: radial-gradient(circle at 78% 28%, rgba(214,173,82,.065), transparent 34%), linear-gradient(145deg, rgba(63,27,23,.88), rgba(18,6,7,.76));
  --theme-section-bg: rgba(33, 16, 15, .72);
  --theme-games-bg: linear-gradient(180deg, rgba(18,6,7,.18), rgba(33,16,15,.78));
  --theme-card-bg: linear-gradient(150deg, rgba(63,27,23,.93), rgba(18,8,8,.98));
  --theme-control-bg: rgba(18, 6, 7, .78);
  --theme-control-bg-focus: rgba(44, 18, 16, .96);
  --theme-focus-shadow: 0 0 0 3px rgba(214,173,82,.13), 0 0 16px rgba(185,28,28,.10);
  --theme-title-gradient: linear-gradient(100deg, #9f7221 0%, #d6ad52 30%, #f3cf7a 52%, #d6ad52 74%, #9f7221 100%);
  --theme-section-title-gradient: linear-gradient(90deg, #9f7221 0%, #d6ad52 36%, #f3cf7a 62%, #9f7221 100%);
  --theme-accent-line-gradient: linear-gradient(90deg, #450a0a, #7f1d1d, #b91c1c, #dc2626);
  --theme-nav-accent: #f3cf7a;
  --theme-button-start: #7f1d1d;
  --theme-button-mid: #b91c1c;
  --theme-button-end: #7f1d1d;
  --theme-button-text: #f3cf7a;
  --theme-provider-active: linear-gradient(135deg, #450a0a 0%, #7f1d1d 45%, #b91c1c 74%, #dc2626 100%);
  --theme-provider-active-text: #f3cf7a;
  --theme-provider-hover-shadow: 0 8px 22px rgba(214,173,82,.16), 0 0 15px rgba(185,28,28,.055);
  --theme-running-text-bg: linear-gradient(100deg, rgba(33,16,15,.95), rgba(214,173,82,.075), rgba(185,28,28,.04), rgba(33,16,15,.95));
  --theme-progress-track: rgba(243, 207, 122, .085);
  --theme-ai-panel-bg: radial-gradient(circle at 50% 38%, rgba(214,173,82,.082), transparent 34%), radial-gradient(circle at 75% 20%, rgba(185,28,28,.06), transparent 30%), linear-gradient(155deg, #3f1b17, #21100f);
  --theme-ai-panel-glow: 0 0 32px rgba(214,173,82,.13), 0 0 20px rgba(185,28,28,.055);
  --theme-ai-stroke-1: rgba(127, 29, 29, .78);
  --theme-ai-stroke-2: rgba(185, 28, 28, .90);
  --theme-ai-stroke-3: rgba(220, 38, 38, .66);
  --theme-thumb-a: #7f1d1d;
  --theme-thumb-b: #1b0808;
  --theme-thumb-glow: rgba(214, 173, 82, .18);
  --theme-modal-bg: linear-gradient(150deg, rgba(63,27,23,.99), rgba(18,6,7,.99) 70%);
  --theme-modal-surface: rgba(63, 27, 23, .48);
  --theme-modal-surface-strong: rgba(24, 9, 9, .88);
  --theme-modal-shimmer: rgba(214, 173, 82, .10);
  --theme-disclaimer-bg: rgba(214,173,82,.052);
}