Design Tokens

Colors

surface

--color-surface

surface-muted

--color-surface-muted

accent

--color-accent

accent-hover

--color-accent-hover

text

--color-text

text-muted

--color-text-muted

border

--color-border

error

--color-error

success

--color-success

Typography Scale

xs

The quick brown fox jumps over the lazy dog

sm

The quick brown fox jumps over the lazy dog

base

The quick brown fox jumps over the lazy dog

lg

The quick brown fox jumps over the lazy dog

xl

The quick brown fox jumps over the lazy dog

2xl

The quick brown fox jumps over the lazy dog

Spacing

spacing-1

(0.25rem)

spacing-2

(0.5rem)

spacing-3

(0.75rem)

spacing-4

(1rem)

spacing-6

(1.5rem)

spacing-8

(2rem)

Border Radius

rounded-sm

rounded-md

rounded-lg

rounded-full