Foundations
Elevation & Radius
Shadow and corner-radius scales, read live from ui-core and ui-kit.
Both scales are global, not brand-scoped. Elevation is parsed from
packages/ui-core/src/styles/tokens/spacing.css; radius lives one package over, in ui-kit's
Tailwind @theme block (packages/ui-kit/src/styles/tokens.css) alongside the rest of its
shadcn/Radix mapping — not a ui-core token today.
Elevation
| Preview | Token | Value |
|---|---|---|
--shadow-focus | 0 0 0 3px var(--focus-ring) |
Radius
| Preview | Token | Value |
|---|---|---|
--radius-xs | 2px | |
--radius-sm | 4px | |
--radius-md | 6px | |
--radius-lg | 10px | |
--radius-xl | 12px | |
--radius-2xl | 16px | |
--radius-card | var(--radius-sm) | |
--radius-pill | 999px |