Colors

Carbon uses the OKLCH color model to ensure perceptual harmony and consistent contrast across all themes.

Backgrounds

Used for page and component surfaces.

Surface Colors

Primary Surface

Secondary Surface

Ensures high legibility and clear hierarchy.

Typography Colors

Primary Text

Secondary Text

Used sparingly for primary actions and focus states.

Accent Color

Accent Primary

--accent-primary: oklch(60% 0.15 250);