:root{--brand-50:97% 0.02 250;--brand-100:94% 0.03 250;--brand-200:88% 0.05 250;--brand-300:80% 0.07 250;--brand-400:70% 0.10 250;--brand-500:64% 0.12 250;--brand-600:56% 0.12 250;--brand-700:52% 0.12 250;--brand-800:45% 0.10 250;--brand-900:38% 0.08 250;--sea-50:97% 0.02 220;--sea-100:94% 0.03 220;--sea-200:88% 0.05 220;--sea-300:81% 0.06 220;--sea-400:74% 0.07 220;--sea-500:68% 0.08 220;--sea-600:62% 0.09 220;--sea-700:57% 0.10 220;--sea-800:50% 0.09 220;--sea-900:45% 0.08 220;--accent:80% 0.12 70;--bg-surface-0:oklch(99% 0.001 100);--bg-surface-1:oklch(99.5% 0.001 100);--bg-surface-2:oklch(98.5% 0.001 100);--bg-canvas:#f5f4f1;--bg-panel:oklch(97.4% 0.0015 286);--bg-surface-3:oklch(97% 0.002 100);--bg-hover:oklch(94% 0.002 260);--text-primary:oklch(23% 0.03 260);--text-secondary:oklch(45% 0.02 260);--text-muted:oklch(55% 0.02 260);--text-tertiary:oklch(63% 0.015 260);--brand:oklch(60% 0.12 250);--brand-hover:oklch(56% 0.12 250);--brand-active:oklch(52% 0.12 250);--brand-soft:color-mix(in oklch,var(--brand) 12%,transparent);--secondary:oklch(70% 0.08 220);--success:oklch(70% 0.12 160);--warning:oklch(85% 0.16 95);--danger:oklch(60% 0.15 25);--border:oklch(88% 0.01 95);--border-strong:oklch(80% 0.012 95);--divider:oklch(92% 0.01 95);--ring:color-mix(in oklch,oklch(var(--brand-600)) 55%,white);--card-border:0 0 0 0.5px rgba(31,31,30,0.12),0 4px 16px 0 rgba(0,0,0,0.04);--wash:rgba(0,0,0,0.045);--wash-sel:rgba(0,0,0,0.075);--ease:cubic-bezier(0.2,0,0.2,1);--ease-spring:cubic-bezier(0.2,0.7,0.3,1);--dur-fast:150ms;--dur:220ms;--dur-slow:320ms;color-scheme:light}[data-tone=lively]{--brand-50:97% 0.03 252;--brand-100:93% 0.05 252;--brand-200:86% 0.09 252;--brand-300:78% 0.12 252;--brand-400:69% 0.15 252;--brand-500:64% 0.17 252;--brand-600:58% 0.17 252;--brand-700:54% 0.17 252;--brand-800:47% 0.14 252;--brand-900:40% 0.12 252;--sea-50:97% 0.02 215;--sea-100:94% 0.04 215;--sea-200:88% 0.07 215;--sea-300:81% 0.10 215;--sea-400:74% 0.12 215;--sea-500:68% 0.14 215;--sea-600:62% 0.14 215;--sea-700:57% 0.13 215;--sea-800:51% 0.12 215;--sea-900:45% 0.11 215;--brand:oklch(62% 0.17 252);--brand-hover:oklch(58% 0.17 252);--brand-active:oklch(54% 0.17 252);--secondary:oklch(76% 0.14 215)}[data-theme=dark]{--bg-surface-0:oklch(16% 0.008 245);--bg-surface-1:oklch(20% 0.010 245);--bg-surface-2:oklch(24% 0.012 245);--bg-hover:oklch(28% 0.014 245);--bg-surface-3:oklch(28% 0.014 245);--bg-canvas:oklch(13% 0.008 245);--bg-panel:oklch(22% 0.011 245);--text-primary:oklch(90% 0.006 255);--text-secondary:oklch(78% 0.005 255);--text-muted:oklch(66% 0.004 255);--text-tertiary:oklch(58% 0.004 255);--border:oklch(30% 0.010 245);--border-strong:oklch(42% 0.014 245);--divider:color-mix(in oklch,var(--bg-surface-0) 88%,white 12%);--card-border:0 0 0 0.5px rgba(255,255,255,0.09),0 4px 16px 0 rgba(0,0,0,0.45);--brand:oklch(72% 0.13 252);--brand-hover:oklch(76% 0.13 252);--brand-active:oklch(68% 0.13 252);--brand-soft:color-mix(in oklch,var(--brand) 18%,transparent);--secondary:oklch(82% 0.10 215);--ring:color-mix(in oklch,oklch(var(--brand)) 60%,white 40%);--wash:rgba(255,255,255,0.05);--wash-sel:rgba(255,255,255,0.09);color-scheme:dark}[data-theme=dark][data-tone=calm]{--brand:oklch(72% 0.12 250);--brand-hover:oklch(76% 0.12 250);--brand-active:oklch(80% 0.12 250);--secondary:oklch(84% 0.10 220)}[data-theme=dark][data-tone=lively]{--brand:oklch(76% 0.17 252);--brand-hover:oklch(80% 0.16 252);--brand-active:oklch(84% 0.16 252);--secondary:oklch(86% 0.13 215)}.bg-surface-0{background-color:var(--bg-surface-0)}.bg-surface-1{background-color:var(--bg-surface-1)}.bg-surface-2{background-color:var(--bg-surface-2)}.bg-surface-3{background-color:var(--bg-surface-3)}.bg-canvas{background-color:var(--bg-canvas)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.border-default{border-color:var(--border)}.border-divider{border-color:var(--divider)}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur:0ms;--dur-slow:0ms}}