Tokens
The primitive values everything references — lifted straight from colors_and_type.css. Edit a token, the system moves.
In this section
- Color
Metallics, the 13-stop ink ramp, semantic roles, severity.
Live - Typography
Display, body weights, data/mono, the full type scale.
Live - Spacing
The 4pt grid, --space-0 through --space-12.
Live - Radii
0 / 2 / 4 / 8 / pill, and what each is for.
Live - Shadows
Elevation, specular, and the inset stop — brand-tinted (warm gold cast).
Live - Motion
Easing and durations as tokens — plus choreography, shimmer, and the reduced-motion contract. Lives in the Motion section (its own pillar).
Live - Engraving
The recessed text-shadow variables, light and dark.
Live