The master stylesheet the report engine ships. Everything on this page reads its values from shuriq/tokens.css at render time — the guide cannot drift from the code. Decision log: DESIGN-SYSTEM-AUDIT.md §6.
Badges: unified both sites already ship this exact value · proposed canonical target, a variant still ships somewhere · open decision to make together.
Categorical ×7 + negative-space accents. AGDF tokenizes these (--cc1..7); AHA hardcodes the same hexes — tokenizing AHA is on the P1 list.
The [data-theme="signal"] overlay with real semantic names — replaces the ambient hack where --red and --gold were both aliased to the same blue.
Proposed scale (sites ship raw px literals today). Geist for sans/display · JetBrains Mono for labels · Newsreader italic for editorial highlights. Body 15/24 per GRID-SYSTEM.md.
8px base with a 4px half-step; 72px page gutter on the 1440 frame.
Shipped to both sites 2026-07-03: :focus-visible ring via zero-specificity :where() — keyboard-only, invisible to mouse/touch.
| token | value | meaning |
|---|---|---|
| --bp-phone | 600 | phone layout · tight gutters · zoom reset to 1 |
| --bp-split | 900 | viz split collapses to single column |
| --bp-handoff | 1120 | combar hands off to burger + switcher pill |
| --bp-frame | 1440 | max content frame (72px gutters) |
| --bp-zoom | 1536 | html zoom 0.95 below this (ambients exempt — scroll-snap) |
Proposed canonical set — the audit found ~16 ad-hoc breakpoints in a single page; collapsing to this scale is a P1 item.