Radii

Five stops, each with a job. This system rounds things off generously — flat, friendly surfaces wear softer corners, so nothing feels sharp-edged. Square corners (--radius-none) are rare here, saved for viewport edges and full-bleed panels; --radius-pill only for severity badges and switches that need full rounding.

0
--radius-none
viewport edges, full-bleed panels
2px
--radius-sm
chips, inline controls, small buttons
4px
--radius-md
surfaces, popovers, fields
8px
--radius-lg
elevated cards
999px
--radius-pill
severity badges, switches