Foundations

Colour

Semantic tokens — colours by intent

What components actually reach for. Each chip pulls its colour through a CSS variable rather than a raw hex - so swapping the underlying ramp in global.css recolours every consumer at once.

--bg-paper

--bg-inset

--bg-inverse

--fg-primary

--fg-secondary

--accent-link

--accent-ai

--border-strong