Foundations

Radius

One 6px corner everywhere by design — buttons, cards, inputs, menus and popovers all read as one chrome family. Existing rounded-md/lg/xl call sites all resolve to the same value, so legacy code keeps working while the system stays unified.

--radius-none
0
Sharp — used for full-bleed surfaces.
--radius-sm
0.25rem (4px)
Tooltips, kbd labels.
--radius-md
0.375rem (6px)
Universal corner — buttons, cards, inputs, popovers.
--radius-lg
0.375rem (6px)
Resolves to md by design — kept for backwards-compat call sites.
--radius-xl
0.375rem (6px)
Resolves to md by design — was the old pill radius.
--radius-full
9999px
Avatars, dots, toggle thumbs.