:root{color-scheme:light;--surface-canvas:222 47% 98%;--surface-card:0 0% 100%;--surface-elevated:220 33% 99%;--surface-sunken:220 18% 94%;--text-primary:222 47% 10%;--text-secondary:222 20% 30%;--text-muted:220 12% 45%;--border-primary:220 12% 88%;--border-subtle:220 14% 92%;--brand-primary:46 65% 52%;--brand-secondary:214 35% 40%;--brand-accent:46 65% 52%;--interactive:46 65% 52%;--interactive-hover:46 72% 48%;--interactive-active:46 76% 43%;--focus-ring:46 70% 40%;--status-success:145 58% 38%;--status-warning:38 88% 48%;--status-danger:2 72% 52%;--status-info:211 75% 52%;--bg:var(--surface-canvas);--fg:var(--text-primary);--card:var(--surface-card);--border:var(--border-primary);--muted:var(--surface-sunken);--accent:var(--brand-accent);--accent2:258 72% 58%;--radius-control:0.875rem;--radius-card:1.5rem;--radius-panel:2rem;--shadow-soft:0 16px 48px rgba(15,23,42,.08);--shadow-elevated:0 28px 90px rgba(15,23,42,.14);--motion-instant:120ms;--motion-fast:180ms;--motion-normal:280ms;--motion-slow:450ms;--motion-cinematic:700ms;--ease-standard:cubic-bezier(0.22,1,0.36,1);--ease-emphasized:cubic-bezier(0.16,1,0.3,1)}.dark{--surface-canvas:222 47% 6%;--surface-card:222 35% 10%;--surface-elevated:222 31% 12%;--surface-sunken:220 16% 14%;--text-primary:222 47% 96%;--text-secondary:220 22% 78%;--text-muted:220 14% 62%;--border-primary:220 16% 18%;--border-subtle:220 15% 14%;--brand-primary:46 75% 56%;--brand-secondary:210 54% 66%;--brand-accent:46 75% 56%;--interactive:46 75% 56%;--interactive-hover:46 80% 61%;--interactive-active:46 75% 50%;--focus-ring:46 84% 62%;--accent2:258 72% 62%;--shadow-soft:0 18px 60px rgba(0,0,0,.24);--shadow-elevated:0 34px 110px rgba(0,0,0,.34)}.balanced,.dark{color-scheme:dark}.balanced{--surface-canvas:222 20% 14%;--surface-card:222 18% 18%;--surface-elevated:222 18% 21%;--surface-sunken:222 16% 12%;--text-primary:42 28% 94%;--text-secondary:36 12% 78%;--text-muted:34 9% 62%;--border-primary:222 12% 28%;--border-subtle:222 12% 22%;--brand-primary:46 72% 57%;--brand-secondary:205 40% 65%;--brand-accent:46 72% 57%;--interactive:46 72% 57%;--interactive-hover:46 78% 62%;--interactive-active:46 72% 50%;--focus-ring:46 82% 64%;--accent2:215 48% 62%;--shadow-soft:0 18px 58px rgba(0,0,0,.2);--shadow-elevated:0 30px 96px rgba(0,0,0,.28)}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0ms;--motion-fast:0ms;--motion-normal:0ms;--motion-slow:0ms;--motion-cinematic:0ms}}