Radius
How round each kind of corner is. Four steps, chosen by what the thing is rather than by how big it is.
Scale
| Shape | Token | Value | Used for |
|---|---|---|---|
| --wr-radius-small | 4px | Compact buttons, lozenges, tooltips. | |
| --wr-radius | 6px | Buttons, fields, menu items. | |
| --wr-radius-large | 8px | Menus, popups, section messages, cards. | |
| --wr-radius-full | 9999px | Avatars, toggles, meters, progress bars. |