| Scale | CSS Variable | Example |
|---|---|---|
| Display | --font-size-display |
Page titles, hero sections |
| Heading 1 | --font-size-heading-1 |
Section titles |
| Heading 2 | --font-size-heading-2 |
Subsection titles |
| Heading 3 | --font-size-heading-3 |
Component titles |
| Body Large | --font-size-body-large |
Primary body text |
| Body Regular | --font-size-body |
Standard body text |
| Body Small | --font-size-body-small |
Secondary text, captions |