Color system
Colors
Seven brand ramps and a synthesized neutral, remapped to a 0–1000 scale — the navy family and the sage/warm hues verbatim from Figma, plus an azure action-blue ramp for the interactive tokens. Every semantic token in the contract resolves to one of these steps — swatches that back a live token are tagged below.
Action blue — the interactive hue. Backs --primary, --ring and --accent-foreground (light = azure.700, dark = azure.400).
Navy — backs --foreground and the dark surface scale, plus --border/--input and --accent on light.
Secondary + success — backs --secondary, --secondary-foreground, --success.
Data-viz only today (--chart-5) — open for a semantic role in a future release.
Not yet wired to a semantic token — free for a future surface or accent.
Reserved for --warning and the data-viz palette (--chart-3).
Powers the data-viz palette (--chart-4); --destructive is a standalone Figma value, not this ramp.
Synthesized (Figma exposes only three anchors) — backs --background, --card, --muted.
neutral is synthesized — Figma exposes only three anchors. Full mapping (and how to override it) is on Theming.