/* ============================================================ THEME SYSTEM ============================================================ Layer 1 — Primitive palette (raw values, never used directly) Layer 2 — Semantic tokens (what all components reference) Layer 3 — Light theme (prefers-color-scheme: light + [data-theme="light"]) Layer 4 — Dark theme (prefers-color-scheme: dark + [data-theme="dark"]) Initial load strategy (zero JS required): The browser resolves the correct theme from the OS via the media query before first paint. If the user later picks a preference, JS sets data-theme on and localStorage stores it. A tiny inline