:root{--bg-primary: #000000;--bg-secondary: #0A0A0A;--bg-tertiary: #141414;--bg-hover: #1A1A1A;--text-primary: #FFFFFF;--text-secondary: #A3A3A3;--text-tertiary: #737373;--border-subtle: #262626;--border-strong: #404040;--shadow-card: 0 0 0 1px rgba(255, 255, 255, .05);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .05);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--accent-violet: #5A5FFF;--accent-mint: #18D9B7;--accent-electric: #4153FF;--accent-brief-violet: #5A5FFF;--accent-newsbrief-orange: #F47C20;--accent-briefing-indigo: #7B3FA0;--accent-duel-red: #E8302A;--accent-danger: #EF4444;--accent-warn: #FF9944;--accent-cyan-nav: #06B6D4;--accent-cyan-nav-deep: #0891B2;--tint-violet-subtle: rgba(90, 95, 255, .04);--tint-violet-medium: rgba(90, 95, 255, .16);--tint-duel-subtle: rgba(232, 48, 42, .06);--tint-newsbrief-subtle: rgba(244, 124, 32, .05);--tint-briefing-subtle: rgba(123, 63, 160, .05);--hub-btn-grad-primary: linear-gradient(135deg, #06B6D466, #0891B233);--hub-btn-grad-secondary: linear-gradient(135deg, #06B6D455, #0891B22A);--hub-btn-grad-tertiary-1: linear-gradient(135deg, #06B6D444, #0891B222);--hub-btn-grad-tertiary-2: linear-gradient(135deg, #06B6D43A, #0891B21A);--hub-btn-grad-tertiary-3: linear-gradient(135deg, #06B6D433, #0891B211);--hub-btn-grad-tertiary-4: linear-gradient(135deg, #06B6D422, #0891B208);--hub-btn-border-primary: #06B6D488;--hub-btn-border-secondary: #06B6D477;--hub-btn-border-tertiary-1: #06B6D466;--hub-btn-border-tertiary-2: #06B6D45C;--hub-btn-border-tertiary-3: #06B6D455;--hub-btn-border-tertiary-4: #06B6D444;--hub-btn-grad-primary-white: linear-gradient(135deg, #06B6D466, #0891B233);--hub-btn-grad-secondary-white: linear-gradient(135deg, #06B6D455, #0891B22A);--hub-btn-grad-tertiary-1-white: linear-gradient(135deg, #06B6D444, #0891B222);--hub-btn-grad-tertiary-2-white: linear-gradient(135deg, #06B6D43A, #0891B21A);--hub-btn-grad-tertiary-3-white: linear-gradient(135deg, #06B6D433, #0891B211);--hub-btn-grad-tertiary-4-white: linear-gradient(135deg, #06B6D422, #0891B208);--hub-btn-border-primary-white: #06B6D488;--hub-btn-border-secondary-white: #06B6D477;--hub-btn-border-tertiary-1-white: #06B6D466;--hub-btn-border-tertiary-2-white: #06B6D45C;--hub-btn-border-tertiary-3-white: #06B6D455;--hub-btn-border-tertiary-4-white: #06B6D444;--hub-hero-bg: linear-gradient(135deg, rgba(6,182,212,.08), rgba(8,145,178,.04));--hub-hero-border: rgba(6, 182, 212, .2);--hub-hero-glow: 0 0 20px rgba(6, 182, 212, .13);--hub-hero-radial: radial-gradient(ellipse, rgba(8,145,178,.04), transparent 70%);--hub-cta-cyan-bg: linear-gradient(135deg, rgba(6,182,212,.055), rgba(6,182,212,.03));--hub-cta-cyan-border: rgba(6, 182, 212, .2);--hub-cta-violet-bg: linear-gradient(135deg, rgba(90,95,255,.055), rgba(24,217,183,.03));--hub-cta-violet-border: rgba(90, 95, 255, .2);--hub-cta-orange-bg: linear-gradient(135deg, rgba(244,124,32,.055), rgba(244,124,32,.03));--hub-cta-orange-border: rgba(244, 124, 32, .2);--hub-cta-red-bg: linear-gradient(135deg, rgba(232,48,42,.055), rgba(232,48,42,.03));--hub-cta-red-border: rgba(232, 48, 42, .2);--hub-cta-indigo-bg: linear-gradient(135deg, rgba(123,63,160,.055), rgba(123,63,160,.03));--hub-cta-indigo-border: rgba(123, 63, 160, .2)}.theme-light{--bg-primary: #FFFFFF;--bg-secondary: #F5F5F5;--bg-tertiary: #EEEEEE;--bg-hover: #E5E5E5;--text-primary: #0A0A0A;--text-secondary: #525252;--text-tertiary: #737373;--border-subtle: #D4D4D4;--border-strong: #A3A3A3;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-modal: 0 4px 24px rgba(0, 0, 0, .12);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .04);--accent-violet: #4B4FE0;--accent-mint: #0FA88B;--accent-electric: #3545E6;--accent-danger: #DC2626;--accent-warn: #EA580C;--accent-cyan-nav: #0891B2;--accent-cyan-nav-deep: #0E7490;--tint-violet-subtle: rgba(90, 95, 255, .08);--tint-violet-medium: rgba(90, 95, 255, .12);--tint-duel-subtle: rgba(232, 48, 42, .08);--tint-newsbrief-subtle: rgba(244, 124, 32, .09);--tint-briefing-subtle: rgba(123, 63, 160, .09);--hub-btn-grad-primary-white: linear-gradient(135deg, #155E75, #0E7490);--hub-btn-grad-secondary-white: linear-gradient(135deg, #155E75, #0E7490);--hub-btn-grad-tertiary-1-white: linear-gradient(135deg, #0E7490, #0891B2);--hub-btn-grad-tertiary-2-white: linear-gradient(135deg, #0E7490, #0891B2);--hub-btn-grad-tertiary-3-white: linear-gradient(135deg, #0E7490, #0891B2);--hub-btn-grad-tertiary-4-white: linear-gradient(135deg, #0E7490, #0891B2);--hub-btn-border-primary-white: #0E7490;--hub-btn-border-secondary-white: #0E7490;--hub-btn-border-tertiary-1-white: #155E75;--hub-btn-border-tertiary-2-white: #155E75;--hub-btn-border-tertiary-3-white: #155E75;--hub-btn-border-tertiary-4-white: #155E75;--hub-hero-bg: linear-gradient(135deg, rgba(8,145,178,.1), rgba(14,116,144,.06));--hub-hero-border: rgba(8, 145, 178, .35);--hub-hero-glow: 0 0 20px rgba(8, 145, 178, .18);--hub-hero-radial: radial-gradient(ellipse, rgba(14,116,144,.06), transparent 70%);--hub-cta-cyan-bg: linear-gradient(135deg, rgba(8,145,178,.07), rgba(8,145,178,.04));--hub-cta-cyan-border: rgba(8, 145, 178, .35);--hub-cta-violet-bg: linear-gradient(135deg, rgba(75,79,224,.07), rgba(15,168,139,.04));--hub-cta-violet-border: rgba(75, 79, 224, .35);--hub-cta-orange-bg: linear-gradient(135deg, rgba(244,124,32,.1), rgba(244,124,32,.06));--hub-cta-orange-border: rgba(244, 124, 32, .4);--hub-cta-red-bg: linear-gradient(135deg, rgba(232,48,42,.08), rgba(232,48,42,.05));--hub-cta-red-border: rgba(232, 48, 42, .4);--hub-cta-indigo-bg: linear-gradient(135deg, rgba(123,63,160,.09), rgba(123,63,160,.05));--hub-cta-indigo-border: rgba(123, 63, 160, .4)}