:root{--bg: #0c0d10;--surface-1: #13151c;--surface-2: #181b24;--surface-3: #1f232e;--border: #222633;--border-hover: #313747;--fg: #f1f3f8;--fg-soft: #b8c0cf;--muted: #8b91a0;--accent: #4c8dff;--accent-hover: #6ba0ff;--accent-soft: rgba(76, 141, 255, .12);--accent-line: rgba(76, 141, 255, .3);--formula: #b49bff;--formula-soft: rgba(180, 155, 255, .13);--amber: #f3c969;--mint: #5fd6b6;--danger: #ff6b81;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "Cascadia Code", "Cascadia Mono", "SF Mono", "Consolas", "Menlo", "Monaco", monospace;--r1: 8px;--r2: 12px;--r3: 16px;--r4: 22px;--pill: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 10px 30px -12px rgba(0,0,0,.6);--shadow-3: 0 24px 60px -18px rgba(0,0,0,.7);--glow: 0 8px 22px -10px rgba(76,141,255,.7);--content: 1080px;--gutter: clamp(1.25rem, 5vw, 3rem);--section-y: clamp(4.5rem, 11vh, 8.5rem);--z-glow: 0;--z-base: 1;--z-sticky: 50}