Design Tokens
All semantic tokens. Brands override the slots in their theme.css.
Color — Brand
--color-brand-primary
--color-brand-primary-hover
--color-brand-primary-active
--color-brand-primary-subtle
--color-brand-secondary
--color-brand-secondary-hover
Color — Surface & Background
--color-bg-default
--color-bg-subtle
--color-bg-muted
--color-bg-emphasis
--color-surface-default
--color-surface-raised
--color-surface-overlay
Color — Text
--color-text-default
--color-text-muted
--color-text-subtle
--color-text-disabled
--color-text-inverse
Color — Border
--color-border-default
--color-border-strong
--color-border-subtle
--color-border-focus
Color — Status
--color-status-success
--color-status-warning
--color-status-error
--color-status-info
Spacing
--space-1
--space-2
--space-3
--space-4
--space-5
--space-6
--space-8
--space-10
--space-12
--space-16
--space-20
--space-24
Radius
none
sm
md
lg
xl
2xl
full
Typography
Aa --text-xs
Aa --text-sm
Aa --text-md
Aa --text-lg
Aa --text-xl
Aa --text-2xl
Aa --text-3xl
Aa --text-4xl
Aa --text-5xl