| Visual | CSS Variable | Value | Use Case |
|---|---|---|---|
|
|
--radius-none |
0px | No rounding, hard edges |
|
|
--radius-sm |
4px | Small components, inputs |
|
|
--radius-md |
8px | Standard components, cards |
|
|
--radius-lg |
12px | Larger components, modals |
|
|
--radius-pill |
9999px | Pill buttons, badges |