:root{--bg: #f8fafc;--surface: #ffffff;--surface-2: #f1f5f9;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--faint: #94a3b8;--line: #e6e8ef;--brand: #4f46e5;--brand-2: #7c3aed;--brand-soft: #eef2ff;--radius: 16px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .1);--shadow-hover: 0 2px 4px rgba(15, 23, 42, .06), 0 18px 40px -16px rgba(79, 70, 229, .28);color-scheme:light}html.dark{--bg: #0b1120;--surface: #131c2e;--surface-2: #1c2740;--ink: #e8edf6;--ink-2: #cbd5e1;--muted: #93a1b5;--faint: #64748b;--line: #273349;--brand: #818cf8;--brand-2: #a78bfa;--brand-soft: #1e2540;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 10px 28px -12px rgba(0, 0, 0, .55);--shadow-hover: 0 2px 6px rgba(0, 0, 0, .4), 0 20px 44px -16px rgba(0, 0, 0, .6);color-scheme:dark}html,body{margin:0;background:var(--bg);color:var(--ink);transition:background .2s ease,color .2s ease}