Styles
Styles is the token reference: the concrete values — colours, type, spacing, motion — you look up while building. For the concepts and rationale behind them, seeFoundations.
Color
The four palettes, semantic tokens, and the WCAG contrast matrix.
Typography
Font stacks, the Fraunces opsz rule, and the type scale.
Spacing
The spacing scale, border radius, and z-index.
Motion
Duration and easing tokens with pairing guidance.
Icons
Using a third-party icon set with Farn sizing and colour tokens.
For the theming system — data-theme, data-surface, and the full semantic token reference — see Foundations › Surfaces.