/* ========================================================================== StrataHawk — tokens.css The single source of truth for colour, type, space, shape, motion and depth. HOW THIS FILE IS ORGANISED 1. Permission gate — must stay first, must stay exactly this shape 2. :root — the COMPLETE light/default palette + all scales 3. [data-theme="dark"] — only what changes 4. colour themes × 2 — slate, forest, each in light and dark 5. Mobile scale override — the type scale steps up on phones THE RULE THAT KEEPS THIS WORKING Every colour in a component rule must be var(--something) defined here. A literal hex in a component is a dark-mode bug that has not happened yet. If you add a token, add it to :root AND to every theme block that needs to override it — a token defined only in :root silently keeps its light value in dark mode. WHAT WAS DELIBERATELY NOT RENAMED --blue-* is the ACCENT ramp, not "blue". In [data-color-theme="forest"] it holds greens. The name is wrong, but JS and ~130 inline styles reference it, so renaming it would break them silently. --accent-* aliases are provided below; use those in new code and retire --blue-* once JS is updated. See NEW-CLASSES.md. ========================================================================== */ /* ── 1. PERMISSION GATE — FAIL CLOSED ────────────────────────────────────── CANONICAL COPY. These two rules are ALSO inlined in a