Surface ladder

--ink

--surface-1

--surface-2

--surface-3

--surface-4

Foreground ladder

--fg-1

--fg-2

--fg-3

--fg-4

Borders + ring

--border

--border-strong

--ring

Indigo ladder (brand · fixed)

--indigo-50

--indigo-100

--indigo-200

--indigo-300

--indigo-400

--indigo-500

--indigo-600

--indigo-700

--indigo-800

--indigo-900

Violet ladder (secondary · fixed)

--violet-300

--violet-400

--violet-500

--violet-700

Accent ladder (configurable via accent picker)

Active accent: (set in MainLayout — readable via JS interop). Switch via the accent picker in the top bar — every swatch below recolors.

--accent-50

--accent-100

--accent-200

--accent-300

--accent-400

--accent-500

--accent-600

--accent-700

--accent-800

--accent-900

--on-accent

Status (agent state — closed semantic set)

--status-running

--status-queued

--status-waiting

--status-failed

--status-completed

--status-muted → --fg-3

running queued waiting failed completed muted

Risk (approval system)

--risk-low

--risk-medium

--risk-high

--risk-critical

Diff

--diff-add-bg

--diff-add-fg

--diff-add-edge

--diff-del-bg

--diff-del-fg

--diff-del-edge

+ adopted the new --surface-1 token
  no change
- removed --lx-bg-muted (was a quiet alias)

Provider tints

--provider-claudeclay

--provider-codexgreen

--provider-cursorviolet

Category pills

Foreground and background tokens both used. The .lg-pill class composes them.

match transform format lookup meta danger running

--pill-match-fg

--pill-match-bg

--pill-transform-fg

--pill-transform-bg

--pill-format-fg

--pill-format-bg

--pill-lookup-fg

--pill-lookup-bg

--pill-meta-fg

--pill-meta-bg

--pill-danger-fg

--pill-danger-bg

--pill-running-fg

--pill-running-bg

Syntax tokens (IDE-grade highlighting)

--syntax-fg

--syntax-comment

--syntax-keyword

--syntax-string

--syntax-number

--syntax-function

--syntax-type

--syntax-variable

--syntax-operator

--syntax-attribute

--syntax-tag

--syntax-regex

--syntax-builtin

--syntax-line-num

--syntax-line-num-active

--syntax-selection

--syntax-deleted

--syntax-inserted

// every syntax token, one line each
public async Task<int> Run(string arg) =>
    Console.WriteLine($"value = {arg}") ?? 42;
<Component value="hello" />  /regex+/g

Markdown tokens

--md-fg

--md-fg-muted

--md-heading

--md-link

--md-link-hover

--md-blockquote

--md-blockquote-edge

--md-hr

--md-table-edge

--md-table-stripe

--md-code-inline-bg

--md-code-inline-fg

Ribbon (workbench editor)

--ribbon-strip

--ribbon-tabbar

--ribbon-divider

--ribbon-label

Data viz ramp (use in sequence)

--data-1

--data-2

--data-3

--data-4

--data-5

--data-6

--data-7

Shadows + glow rings

--shadow-sm

--shadow-md

--shadow-lg

--shadow-xl

--shadow-glow-indigo

--shadow-glow-violet

--shadow-glow-running

--shadow-glow-accent

Radii

sm

md

lg

xl

2xl

pill

Spacing (4 px base)

--space-1

--space-2

--space-3

--space-4

--space-5

--space-6

--space-7

--space-8

Typography

Display 5xl — Bricolage

Heading 3xl

UI xl — Geist

Body base. The dense workhorse — used for tables, lists, dialog content, anything that isn't a heading or a code block.

var snippet = JetBrains Mono · 12 px

Eyebrow xs — tracked

Motion

--ease-out-smooth
cubic-bezier(0.2, 0.7, 0.2, 1)

--ease-spring
cubic-bezier(0.34, 1.56, 0.64, 1)

--dur-fast
120 ms

--dur-base
200 ms

--dur-slow
320 ms

--dur-page
400 ms