Scale

10 → 64px

01 Preview

02 Rule

even steps only (10 12 14 16 20 24 32 48 64). Body 16; jump to 32+ for display, skip the in-betweens.

03 Tokens

Token	Value
--text-2xs	`10px`
--text-xs	`12px`
--text-sm	`14px`
--text-md	`16px`
--text-lg	`20px`
--text-xl	`24px`
--text-2xl	`32px`
--text-3xl	`48px`
--text-4xl	`64px`

The tokens this card covers, from src/tokens/typography.css. Use these via var(--name) rather than literal values — npm run lint enforces it wherever a token holds the value.