Typography

Hierarchy and default text styles. Align new pages with these scales before adding one-off sizes.

Headings & body

Preview

Page title

Section heading

Body copy uses ~15px system UI stack with comfortable line height. Muted text uses the token --color-muted, while headings use --color-foreground.

Tokens

--color-foreground: var(--theme-fg);
--color-muted: var(--theme-muted);
--color-accent: var(--theme-accent);
--theme-fg / --theme-muted (set per theme in global.css)