--color-primary

bg-primary

Primary brand — CTAs, headers, links

--color-primary-dark

bg-primary-dark

Hover state for primary

--color-on-primary

text-on-primary

Text on primary surfaces

--color-accent

bg-accent

Accent — Studio plan, design system nav active

--color-accent-dark

bg-accent-dark

Hover for accent

--color-background

bg-background

Default page background

--color-foreground

text-foreground

Primary body text

--color-muted

text-muted

Secondary text, descriptions

--color-border

border-border

Dividers, card borders

--color-surface

bg-surface

Light surface — process, author

--color-surface-primary

bg-surface-primary

Primary-tinted surface — pricing, faqs

--color-surface-accent

bg-surface-accent

Accent-tinted surface — knowledge base

--color-pattern

bg-pattern

Decorative pattern fill