Radius

Border radius scale from none to full. Components use semantic steps (sm, md, lg) so you can adjust the roundness of the entire UI by overriding a handful of values.

--kg-radius-none0pxData tables, code blocks, hard-edged UI
--kg-radius-sm4pxInputs, chips, small badges
--kg-radius-md8pxButtons, tags, form controls
--kg-radius-lg12pxCards, panels, modals
--kg-radius-xl16pxLarger cards, feature tiles
--kg-radius-2xl24pxFloating panels, popovers
--kg-radius-full9999pxPills, avatars, circular icon buttons