Foundations

Shadows

Shadow tokens create a consistent elevation system. They're exposed as --shadow-* CSS custom properties and adapt to light/dark mode automatically.

Elevation Scale

--shadow-xs

Minimal lift — chips, tags

--shadow-sm

Subtle elevation — buttons

--shadow-md

Moderate — dropdowns, popovers

--shadow-lg

Prominent — modals, drawers

--shadow-xl

Strong — command palette

--shadow-2xl

Maximum — full-page overlays

--shadow-card

Card surface

--shadow-glow

Brand glow effect

--shadow-focus

Focus ring (used internally)

--radius-none

--radius-xs

--radius-sm

--radius-md

--radius-lg

--radius-xl

--radius-2xl

--radius-3xl

--radius-full