Weights
Each step follows --eun-font-weight-<step>. Three steps: Mulish's
variable font supports the full range, but the design system
standardizes on these three.
Aa (light, 300)
Aa (medium, 500)
Aa (bold, 700)
| Token | Value | Typical use |
|---|---|---|
--eun-font-weight-s |
300 |
Long-form body copy |
--eun-font-weight-m |
500 |
Labels, eun-button, eun-tab (default UI text) |
--eun-font-weight-l |
700 |
Headings, emphasis |
Usage
.custom-label {
font-weight: var(--eun-font-weight-m);
}