# Design tokens

`app/tokens.css` defines the palette and scale: dark console background, phosphor-green accent reserved for
action and state, JetBrains Mono for anything numeric or machine-written, IBM Plex Sans for prose, and a spacing
scale used everywhere instead of literal margins.

`app/ui.css` turns the tokens into semantic classes — `card`, `field`, `btn`, `pill`, `bar`, `rail` — plus the print
stylesheet. Tailwind was installed by the scaffold and removed by decision: the design contract is small enough to
own directly, and utility classes were duplicating tokens rather than expressing them.

Fonts come from the token stack rather than a network font loader, keeping the build offline-light.

Related: [[Export and print]], [[Console runner]], [[Design contract]].