Radius & spacing
Corner radii and the spacing scale from the Figma variables. Buttons, inputs, and tooltips use --radius-md (8px); pills and badges use --radius-full.
Radius
--radius-xs
4px
--radius-sm
6px
--radius-md
8px
--radius-full
9999px
Spacing
| Token | Value | |
|---|---|---|
| --spacing-none | 0px | |
| --spacing-xxs | 2px | |
| --spacing-xs | 4px | |
| --spacing-sm | 6px | |
| --spacing-md | 8px | |
| --spacing-lg | 12px | |
| --spacing-xl | 16px |