Radius & shadows

One radius token drives the whole scale. Shadows are soft and low contrast so surfaces feel lifted, never boxed.

Radius scale

--radius is 0.75rem. Every step is a multiple of it, so changing the token in one place reshapes every component.

rounded-sm

rounded-md

rounded-lg

rounded-xl

rounded-2xl

rounded-3xl

rounded-full

shadow-soft

Cards, inputs, chips

shadow-float

Popovers, dialogs

shadow-frame

Media frames, app windows

<Card className="shadow-soft" />
<Frame className="shadow-frame">…</Frame>