Foundations
Design tokens
Every visual decision in the kit reaches into this file. If you find a hard-coded value in a component, file a bug.
Neutrals
Canvas
--color-bg
Page background
Surface
--color-surface
Cards, popovers
Surface raised
--color-surface-2
Sidebar, header
Muted
--color-muted
Subdued chips, code
Border
--color-border
Border strong
--color-border-strong
Foreground
--color-fg
Foreground muted
--color-fg-muted
Foreground subtle
--color-fg-subtle
Accent
Accent
--color-accent
Primary, links, focus
Accent hover
--color-accent-hover
Accent fg
--color-accent-fg
Text on accent
Accent soft
--color-accent-soft
Soft fills, selection
Semantic
Success
--color-success
Warning
--color-warning
Danger
--color-danger
Info
--color-info
Radii
--radius-xs
xs
--radius-sm
sm
--radius
default
--radius-md
md
--radius-lg
lg
--radius-xl
xl
--radius-full
full
Shadows
--shadow-xs
shadow-xs
--shadow-sm
shadow-sm
--shadow
shadow-default
--shadow-md
shadow-md
--shadow-lg
shadow-lg
--shadow-xl
shadow-xl