/* Design tokens. Light by default, dark follows the system setting. */
:root{
 color-scheme:light;
 --bg:#f4f5f8;--surface:#fff;--surface-2:#f8f9fb;--surface-3:#eff1f5;--input:#fff;
 --ink:#0f172a;--ink-2:#334155;--muted:#64748b;--line:#e4e7ec;--line-2:#d0d5dd;
 --primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-ink:#3730a3;--on-primary:#fff;--focus:#6366f1;
 --success:#15803d;--success-soft:#ecfdf3;--success-line:#b7ebc9;--success-fill:#22c55e;
 --warning:#b45309;--warning-soft:#fffaeb;--warning-line:#fbdc8e;
 --danger:#b42318;--danger-soft:#fef3f2;--danger-line:#fecdca;
 --info:#0369a1;--info-soft:#f0f9ff;
 --side-bg:#0f172a;--side-ink:#cbd5e1;--side-strong:#fff;--side-muted:#64748b;--side-hover:#1e293b;--side-active:#4f46e533;--side-line:#1e293b;
 --toast:#0f172a;--toast-ink:#f8fafc;--backdrop:#0f172a73;
 --shadow-sm:0 1px 2px #1018280d;
 --shadow:0 1px 2px #1018280a,0 4px 16px -4px #1018280f;
 --shadow-lg:0 24px 64px -16px #10182847,0 4px 12px #1018280f;
 --radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:20px;
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
 color-scheme:dark;
 --bg:#0b0f17;--surface:#121826;--surface-2:#161d2c;--surface-3:#1c2435;--input:#0f1522;
 --ink:#e6e9ef;--ink-2:#c2c9d6;--muted:#8a94a7;--line:#222b3c;--line-2:#2f3a4f;
 --primary:#6366f1;--primary-hover:#818cf8;--primary-soft:#6366f124;--primary-ink:#a5b4fc;--on-primary:#fff;--focus:#818cf8;
 --success:#4ade80;--success-soft:#22c55e1f;--success-line:#22c55e4d;--success-fill:#22c55e;
 --warning:#fbbf24;--warning-soft:#f59e0b1f;--warning-line:#f59e0b4d;
 --danger:#f87171;--danger-soft:#ef44441f;--danger-line:#ef44444d;
 --info:#38bdf8;--info-soft:#0ea5e91f;
 --side-bg:#080b12;--side-hover:#151c2b;--side-line:#151c2b;
 --toast:#e6e9ef;--toast-ink:#0b0f17;--backdrop:#000000a6;
 --shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d,0 4px 16px -4px #00000059;--shadow-lg:0 24px 64px -16px #000000b3;
}}
:root[data-theme=dark]{
 color-scheme:dark;
 --bg:#0b0f17;--surface:#121826;--surface-2:#161d2c;--surface-3:#1c2435;--input:#0f1522;
 --ink:#e6e9ef;--ink-2:#c2c9d6;--muted:#8a94a7;--line:#222b3c;--line-2:#2f3a4f;
 --primary:#6366f1;--primary-hover:#818cf8;--primary-soft:#6366f124;--primary-ink:#a5b4fc;--on-primary:#fff;--focus:#818cf8;
 --success:#4ade80;--success-soft:#22c55e1f;--success-line:#22c55e4d;--success-fill:#22c55e;
 --warning:#fbbf24;--warning-soft:#f59e0b1f;--warning-line:#f59e0b4d;
 --danger:#f87171;--danger-soft:#ef44441f;--danger-line:#ef44444d;
 --info:#38bdf8;--info-soft:#0ea5e91f;
 --side-bg:#080b12;--side-hover:#151c2b;--side-line:#151c2b;
 --toast:#e6e9ef;--toast-ink:#0b0f17;--backdrop:#000000a6;
 --shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 2px #0000004d,0 4px 16px -4px #00000059;--shadow-lg:0 24px 64px -16px #000000b3;
}