: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);--text-primary:oklch(23% 0.03 260);--text-secondary:oklch(45% 0.02 260);--text-muted:oklch(55% 0.02 260);--brand:oklch(60% 0.12 250);--brand-hover:oklch(56% 0.12 250);--brand-active:oklch(52% 0.12 250);--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);--ring:color-mix(in oklch,oklch(var(--brand-600)) 55%,white);--ease:cubic-bezier(0.2,0,0.2,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-surface-3:oklch(28% 0.014 245);--text-primary:oklch(90% 0.006 255);--text-secondary:oklch(78% 0.005 255);--text-muted:oklch(66% 0.004 255);--border:oklch(30% 0.010 245);--divider:color-mix(in oklch,var(--bg-surface-0) 88%,white 12%);--brand:oklch(72% 0.13 252);--brand-hover:oklch(76% 0.13 252);--brand-active:oklch(68% 0.13 252);--secondary:oklch(82% 0.10 215);--ring:color-mix(in oklch,oklch(var(--brand)) 60%,white 40%);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)}.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}}