Foundations

Cores

forest

#145559

Primary text, headings, borders on light

dark

#0A2D30

Deep contrast band backgrounds

accent

#ADCF78

Signal only - borders, labels, CTA

cream

#F7F3DB

On-dark text and backgrounds

ink

#191919

Near-black body text

muted

#6B7280

Captions, secondary text

white

#FFFFFF

Content surfaces

surface-card

#F0F4F0

Slightly elevated surfaces

surface-dark

#0A2D30

Dark band surfaces

surface-forest

#145559

Brand marketing blocks

Bordas

border-light

rgba(0, 0, 0, 0.2) - superfícies claras

border-dark

rgba(255, 255, 255, 0.1) - superfícies escuras

Cores Semânticas

Tokens de sistema para feedback ao usuário. Cada categoria expõe quatro variantes: base, foreground, surface (fundo suave) e border.

Destructive / Error

--destructive

☀ oklch(0.50 0.16 22)☾ oklch(0.65 0.18 22)

--destructive-foreground

☀ oklch(0.98 0 0)☾ oklch(0.15 0 0)

--destructive-surface

☀ oklch(0.97 0.02 22)☾ oklch(0.22 0.04 22)

--destructive-border

☀ oklch(0.80 0.08 22)☾ oklch(0.38 0.10 22)

Success

--success

☀ oklch(0.57 0.12 155)☾ oklch(0.65 0.13 155)

--success-foreground

☀ oklch(0.98 0 0)☾ oklch(0.15 0 0)

--success-surface

☀ oklch(0.96 0.02 155)☾ oklch(0.22 0.03 155)

--success-border

☀ oklch(0.80 0.07 155)☾ oklch(0.38 0.08 155)

Warning

--warning

☀ oklch(0.63 0.14 75)☾ oklch(0.73 0.14 75)

--warning-foreground

☀ oklch(0.15 0 0)☾ oklch(0.15 0 0)

--warning-surface

☀ oklch(0.97 0.03 75)☾ oklch(0.22 0.04 75)

--warning-border

☀ oklch(0.82 0.08 75)☾ oklch(0.40 0.09 75)

Info — ciano Planton

--info

☀ oklch(0.64 0.10 213)☾ oklch(0.72 0.10 213)

--info-foreground

☀ oklch(0.15 0 0)☾ oklch(0.15 0 0)

--info-surface

☀ oklch(0.96 0.02 213)☾ oklch(0.22 0.03 213)

--info-border

☀ oklch(0.80 0.06 213)☾ oklch(0.38 0.06 213)

Dark Mode

No dark mode, as cores de brand permanecem inalteradas. Apenas os tokens de superfície e foreground são substituídos por valores neutros em OKLCH - sem croma, apenas luminosidade.

Superfícies - neutras

--background

oklch(0.145 0 0)

App background

--card

oklch(0.205 0 0)

Card / panel

--surface

oklch(0.18 0 0)

Surface base

--surface-elevated

oklch(0.22 0 0)

Surface elevada

--surface-hover

oklch(0.25 0 0)

Surface hover

Foreground - texto

Aa - Planton

--foreground

oklch(0.985 0 0)

Texto principal

Aa - Planton

--muted-foreground

oklch(0.708 0 0)

Texto secundário

Aa - Planton

--card-foreground

oklch(0.985 0 0)

Texto em card

Brand - inalterado

Estas cores não mudam entre temas. O sidebar sempre usa a paleta brand; o accent sempre sinaliza ação.

--sidebar

#0A2D30

Sidebar background

--sidebar-accent

#145559

Sidebar hover / active

--planton-accent

#ADCF78

Accent - CTA, labels

--sidebar-primary

#ADCF78

Sidebar primary action