Skip to main content

Colour tokens

Semantic

TokenValueUsage
--color-accent#FF8D02primary actions, active states
--color-bg#202124application background
--color-surface#1c1c1ecards and panels
--color-text#ECEDEEbody copy
--color-text-muted#8a8d91secondary copy
--color-positive#5ecf8asavings, price drops

Contrast

Every text and background pair must reach 4.5:1. The accent passes on dark surfaces and fails on white, so it is used for fills rather than small text in light contexts.