Colors
All color tokens exposed as CSS custom properties. Values update automatically when switching between themes and brands.
background
--color-background
foreground
--color-foreground
card
--color-card
card-foreground
--color-card-foreground
primary
--color-primary
primary-foreground
--color-primary-foreground
primary-hover
--color-primary-hover
primary-light
--color-primary-light
secondary
--color-secondary
secondary-foreground
--color-secondary-foreground
secondary-light
--color-secondary-light
muted
--color-muted
muted-foreground
--color-muted-foreground
accent
--color-accent
accent-foreground
--color-accent-foreground
destructive
--color-destructive
destructive-foreground
--color-destructive-foreground
border
--color-border
input
--color-input
ring
--color-ring
warning
--color-warning
subtle
--color-subtle
surface-elevated
--color-surface-elevated
border-light
--color-border-light