Colors

Design tokens. Switch theme to see dark variants.

Brand

Amber — picked round 2

Accent

--accent

Primary action, brand element

Accent · hover

--accent-hover

Accent · pressed

--accent-pressed

Accent · soft

--accent-soft

Backgrounds, focus rings

Surface

Background layers

Background

--bg

Page background

Surface

--surface

Subtle elevation

Surface · 2

--surface-2

Hover, secondary panels

Surface · 3

--surface-3

Pressed, table headers

Border

--border

Default dividers

Border · strong

--border-strong

Emphasized borders

Text

--text

Text · secondary

--text-secondary

Text · muted

--text-muted

Text · inverse

--text-inverse

Semantic

Use for status, validation, meaning — not for brand

Success

--success

Warning

--warning

Danger

--danger

Info

--info