Internal · Design System Audit

Style Guide

Every value below is read live from the rendered CSS in both themes, so this audit can never drift from the running app.

Measuring live token values…

Colors

bg.elevated

--bg-elevated

—

—

bg.primary

--bg-primary

—

—

bg.surface

--bg-surface

—

—

border.accent

--border-accent

—

—

border.muted

--border-muted

—

—

step.code

--step-code

—

—

step.error

--step-error

—

—

step.final

--step-final

—

—

step.result

--step-result

—

—

step.thinking

--step-thinking

—

—

step.tool

--step-tool

—

—

text.primary

--text-primary

—

—

text.secondary

--text-secondary

—

—

light

text \ bg	primary	surface	elevated
primary	Aa — n/a	Aa — n/a	Aa — n/a
secondary	Aa — n/a	Aa — n/a	Aa — n/a

dark

text \ bg	primary	surface	elevated
primary	Aa — n/a	Aa — n/a	Aa — n/a
secondary	Aa — n/a	Aa — n/a	Aa — n/a