Colors

Content is the color. The ground is pure gray (zero chroma), one green accent marks actions, and the five intents appear only where the agent made a judgment. Every swatch below renders from the live tokens — toggle dark in the header and they follow.

The budget

Green appears on primary actions, links, focus rings, and the wordmark — nowhere else. Intent color appears only on judged content: a badge, a delta chip, a callout title. Everything else is neutral, which is why the color you do see means something.

Neutral roles

TokenRole
--auri-surfacethe page ground
--auri-surface-containercards (with a hairline)
--auri-surface-container-highmuted fills: code blocks, tracks, secondary buttons
--auri-on-surfacetext
--auri-on-surface-variantsecondary text: labels, captions, table headers
--auri-outline-variantthe hairline — card borders, dividers (white-alpha in dark)

Primary — green, the color of healthy

Primary action Tinted A link

In an ops catalog, the brand color and the good-news color are deliberately the same green: the product's accent is the color of systems being okay. --auri-primary is Tailwind emerald-700 in light and emerald-400 in dark.

Intents

Five judgments, one grammar: strong color for text and lines, soft tint for the chip behind it. Filled full-strength intent containers don't exist in this system.

good bad warning info neutral

Semantics: good healthy · bad failing · warning needs attention · info informational · neutral no claim (the default). Agents emit these five words on the wire — never a color. intent judges; trend describes; they are independent axes.

Reseeding

:root {
	--auri-seed: #7c3aed; /* your accent in light */
	--auri-seed-dark: #a78bfa; /* its dark-theme voice */
}

Two variables, because accents need different weights per theme to hold contrast — both drive the primary roles and their tints. The neutral ground is deliberately fixed (pure gray belongs to everyone); the accent is yours. Intent hues are also tokens if your product needs different ones.

Provenance

Neutral values are adopted verbatim from shadcn/ui v4 (MIT) — chroma-zero oklch, white-alpha borders in dark. Intent values come from Tailwind's open color scales. Contrast: WCAG 2.2 AA in both themes for every text pairing; forced-colors maps intents to system colors.