foundationsradii

radii

two canonical corner radii. inputs and small chips use --radius-sm (6px); panels and status cards use --radius-lg (18px). a third value of 999px is reserved for circular elements (avatars, badges) and lives inline rather than as a token.

import from @klera/ui/tokens (radii)

variants

--radius-sm
6px
--radius-sm

inputs, buttons, small chips

--radius-lg
10px
--radius-lg

every elevated surface — PortalCard, StatCard, StatusCard, StatusRow, Toolbar, EmptyState