Coda — Reach for the primitive
No role by design — the keyword is already the vocabulary, or it's a named edge.
Type — weight & tracking (no role)
| token | description |
|---|---|
| --font-weight-light | 300 |
| --font-weight-normal | 400 |
| --font-weight-medium | 500 |
| --font-weight-semibold | 600 |
| --font-weight-bold | 700 |
| --letter-spacing-tight | when body/heading tracking must diverge |
| --letter-spacing-wider | the widest tracking (the h2 label) |
Space — named edges
| token | description |
|---|---|
| --space-void | a deliberate 0 |
| --space-hairline | 1px, does not scale |
Borders — edges & specials
| token | description |
|---|---|
| --border-radius-void | sharp (0) |
| --border-radius-circle | circle / ellipse |
| --border-radius-pill | pill |
| --border-width-2 | a 2px edge |
| --border-width-4 | a 4px edge |