@nurix/etna 0.19.41 → 0.19.43

package/data/harnesses/apollo/skills/design/data/chrome/stat-cards.md

@@ -0,0 +1,62 @@
+---
+id: stat-cards
+class: d2
+sourced: 2026-07-12
+source: "@nurix/components Statistics compound family (+ AnimatedNumber, useStatHoverBridge; visuals host Gauge/Spark/ProgressBar/ChartLegend) — ~/dev/components"
+license: open
+---
+
+# Chrome recipe — stat cards
+
+The stat-card family: one compound grammar for every KPI tile, gauge card, sparkline card, legend card, and list card. The root is a structural flex column providing shared context (`size`, `comparisonLabel`); ~two dozen dotted parts compose the regions. The card draws no chart geometry itself — the visual slot hosts a chart element. The dashboard-tile obligation applies to every instance: **number + comparison + trend + state + door**.
+
+## Anatomy
+
+| Slot | Library part | Spec |
+| --- | --- | --- |
+| Root | `Statistics { size: "sm" \| "md" \| "lg", variant: "bare" \| "card" \| "elevated" \| "outline" \| "soft" \| "ghost", accent: "none" \| "primary" \| "success" \| "warning" \| "danger" \| "info", gap, justify, comparisonLabel }` | The surface. `bare` draws nothing (consumer owns the wrapper); the rest share `overflow-hidden rounded p-6` with their own background/border/shadow. `accent` draws a 4px left stripe. `size` scales the headline value and title through context. |
+| Section | `StatisticsSection` | Vertical region group for top/bottom cascades (`justify: "between"` pins one to each end). |
+| Header | `StatisticsHeader` → `StatisticsIcon { variant, tone: "soft" \| "solid" \| "outline" \| "plain", size (incl. "oversized"), shape }` + `StatisticsHeading` (`StatisticsTitle`, `StatisticsDescription`) + `StatisticsActions` | Icon/title block left, trailing actions (menu, info, tabs, date range) right. `oversized` icons bleed out the clipped top-right corner as a decorative watermark. |
+| Metric row | `StatisticsMetric` → `StatisticsValue { animated?, value, format, prefix, suffix }` + `StatisticsUnit` + `StatisticsTrend { value, direction?, invert?, pill?, format? }` + `StatisticsComparison` | Baseline-aligned: headline value (static, or digit-animated via NumberFlow with a formatted static first paint — SSR-safe), unit ("/ 5,000"), signed trend badge, comparison label (falls back to the card's `comparisonLabel`). |
+| Visual | `StatisticsVisual` (layout via `StatisticsGroup` horizontal/vertical) | Generic centered slot hosting `<Spark>`, `<Gauge>`, `<ProgressBar>`, `<ChartLegend>`, or any chart element. (Legacy `StatisticsGauge`/`Progress`/`SegmentedBar`/`Sparkline`/`Legend*` parts are deprecated thin wrappers over those same components.) |
+| Content | `StatisticsContent` | Escape hatch for list / table / paragraph cards. |
+| Footer | `StatisticsFooter` → `StatisticsCaption` + `StatisticsLink` | Freshness caption left ("Updated 2m ago" — the tile's *state*), link right (the tile's *door*). |
+| Hover bridge | `useStatHoverBridge()` | Headless hook lifting a hovered chart point into the header: hand its `onHoverChange` to the embedded graph, read `hover.value`/`hover.label` in the value/description with a resting fallback. |
+
+Every part emits `data-slot="statistics-…"` for styling and testing hooks.
+
+## The eight states
+
+| State | Spec | Token roles |
+| --- | --- | --- |
+| default | Card variant on the card surface with a hairline border; value at display scale with tabular numerals; title strong, description muted. | `card` + `card-foreground`, `border`, `foreground`, `muted-foreground` |
+| hover | Elevated variants lift per the package's elevation ramp; with the hover bridge wired, hovering the embedded chart live-rewrites the value and description to the hovered point, reverting on leave. | elevation system; value stays `foreground` |
+| focus | The door (footer link or whole-card link) and any header action are focus stops with visible rings. | `ring` |
+| active | A clickable card shows a pressed treatment; the accent stripe marks category or alert affiliation. | `accent` stripe via `primary`/status roles |
+| disabled | No permission for the metric: value masked (—), lock caption, non-interactive, ~50% presence — the tile keeps its footprint. | reduced-alpha, `muted-foreground` |
+| loading | Skeleton title bar + value block + visual area at the card's fixed height — the grid never reflows when data lands. | `muted` |
+| error / empty | Degraded: em-dash value + status-role caption ("stale as of 09:12") — never a fabricated number. Empty series: the visual slot shows a quiet hint, never a zeroed fake chart. | `warning` / `destructive` caption, `muted-foreground` |
+| success | Trend intent is the success surface: up = good on the success role, down = bad on `destructive`; `invert` flips the mapping for lower-is-better metrics (error rate, latency, churn); zero/no-direction = neutral muted. `pill` wraps it in a tinted badge. Exposed as `data-direction`. | `success` / `destructive` status roles |
+
+## Keyboard behavior
+
+- A stat card is mostly static content; its interactive elements — header actions, the footer link, a clickable card — join the tab order in reading order (header action → door), **Enter** activates.
+- The hover bridge is a pointer-only *enhancement*: the resting value is always the correct headline without any pointer, so keyboard and touch users lose nothing; point inspection falls to the embedded chart's own keyboard/tooltip behavior.
+- An actions menu follows menu semantics: Enter/Space opens, arrows move, Escape closes to the trigger.
+- Animated values render as real formatted text (static until the animation element registers), so the accessible name is always the current number — no aria gymnastics required.
+- **cmdk path**: none — tiles are destinations for the palette ("Go to revenue"), not hosts of it.
+
+## Token reach
+
+- `card` / `card-foreground` — surface and text; `border` — hairline (outline/card variants); `muted` / `muted-foreground` — description, captions, skeletons.
+- Accent stripe and `StatisticsIcon` variants — `primary` plus the status roles (`success`, `warning`, `destructive`/danger, `info`) at soft/solid/outline tones.
+- `StatisticsTrend` — **status roles only**. Known library deviation: the shipped component pins success intent to Tailwind `emerald-500` literals and has no success token; under `nurix` the trend/icon success tints are restyled in place to the package's `success` role (the no-jails law permits this; the token-reach report flags the literal), and under `native` the implementation uses status roles from the start.
+- Embedded visuals — `chart-1..5` for series color, chart chrome roles (`chart-grid`, `chart-tooltip-background/foreground`) for scaffolding; a spark/gauge/progress fill is never a hex literal. The default spark stroke (`var(--primary)`) already token-reaches.
+- The headline value inherits the type ramp's display size via the card `size`; mono/tabular figures come from the package's type roles, never a hardcoded family.
+
+## When to use / composition notes
+
+Stat cards are the dashboard's KPI strip (4–6 tiles full-width per the blueprint shapes) and the record header's vital signs; the same grammar scales from a bare number-plus-trend to a gauge card with a legend, so one card system covers the whole surface. Every tile carries all five obligations — a number without a comparison is decoration, a tile without a door is a dead end. Use `size` to build hierarchy (one `lg` hero metric, `md` support tiles) instead of ad-hoc font sizes; use `justify="between"` with two sections for cards whose visual anchors the bottom edge. Wire the hover bridge whenever a chart lives in the card — it is the cheapest "designed, not templated" signal in the set.
+
+- **`primitives: nurix`** — `import { Statistics, StatisticsHeader, StatisticsIcon, StatisticsHeading, StatisticsTitle, StatisticsDescription, StatisticsActions, StatisticsMetric, StatisticsValue, StatisticsUnit, StatisticsTrend, StatisticsComparison, StatisticsVisual, StatisticsFooter, StatisticsCaption, StatisticsLink, useStatHoverBridge } from "@nurix/components/statistics";` (visuals: `@nurix/components/spark`, `/gauge`, `/progress-bar`; the animated number: `@nurix/components/animated-number`).
+- **`primitives: native`** — this recipe is the build spec: a fixed-height card with header / baseline-aligned metric row / visual slot / footer regions, a display-scale tabular headline that is correct on first paint (animation optional and additive), a sign-driven trend badge with an invert switch on status roles, skeletons that hold the footprint, degraded states that never fabricate numbers, and all series color drawn from the token artifact's `chart-1..5`.

package/data/harnesses/apollo/skills/design/data/chrome/topbar.md

@@ -0,0 +1,65 @@
+---
+id: topbar
+class: d2
+sourced: 2026-07-12
+source: "@nurix/components — composed pattern: SidebarTrigger + Separator + Breadcrumb family + CommandTrigger + Button (the library's site-header pattern; no single Topbar export) — ~/dev/components"
+license: open
+---
+
+# Chrome recipe — topbar
+
+The app-shell top bar: the sticky row above the content pane carrying the sidebar toggle, the breadcrumb trail, global search, and screen-level actions. In `@nurix/components` this is a **documented composition, not a single export** — every shipped app-shell demo assembles it from `SidebarTrigger`, `Separator`, the `Breadcrumb` family, `CommandTrigger`, and `Button`. Page-level mastheads below it are separate components (`Header` at `@nurix/components/header` for config-driven record headers; `PageHeader` for list/detail mastheads with a stat ledger) and are not part of this recipe.
+
+## Anatomy
+
+| Slot | Library part | Spec |
+| --- | --- | --- |
+| Bar | flex row | Sticky (`top-0`), 48–56px tall, full width of the content pane, hairline bottom border. Optional glass treatment: `background` at ~95% alpha + backdrop blur. |
+| Sidebar toggle | `SidebarTrigger` | Leading icon button toggling the sidebar; reflects open state via `data-state`. |
+| Divider | `Separator orientation="vertical"` | 16px vertical hairline between toggle and breadcrumbs. |
+| Breadcrumbs | `Breadcrumb` → `BreadcrumbList` / `BreadcrumbItem` / `BreadcrumbLink` / `BreadcrumbSeparator` / `BreadcrumbPage` | The location trail. Ancestors are links; the last segment is `BreadcrumbPage` — plain text, `aria-current="page"`, never a link. Deep trails collapse middle segments into an ellipsis dropdown. |
+| Spring | flex spacer | Pushes the trailing cluster right. |
+| Search slot | `CommandTrigger { placeholder, shortcut }` | A bordered search chip with placeholder text and a right-aligned `⌘K` kbd hint; opens the command palette. |
+| Actions | `Button` (ghost/icon), overflow `DropdownMenu` | At most 3 visible screen-level actions; further actions collapse into an overflow menu. Theme toggle sits here. |
+| Identity | `Avatar` (optional) | Only when the shell has no sidebar user footer — one identity home per shell, never two. |
+
+## The eight states
+
+State is mostly per-control; the bar itself is stable chrome.
+
+| State | Spec | Token roles |
+| --- | --- | --- |
+| default | Bar on the content canvas with a hairline base; breadcrumb ancestors quiet, current page at full strength. | `background`, `border`, `muted-foreground` (ancestors), `foreground` (current) |
+| hover | Breadcrumb links sharpen to full foreground; icon buttons gain an accent fill. | `foreground`, `accent` + `accent-foreground` |
+| focus | Focus-visible ring on every control — toggle, links, chip, buttons. | `ring` |
+| active | Sidebar toggle mirrors the open sidebar (`data-state`); the current crumb is the persistent active marker; a pressed action holds its pressed fill. | `foreground`, `accent` |
+| disabled | Actions at ~50% opacity, no pointer events; breadcrumbs are never disabled. | reduced-alpha foreground |
+| loading | An in-flight screen action shows an inline spinner inside its own button. The bar never skeletons: breadcrumbs derive from the route and render immediately. | `muted-foreground` (spinner) |
+| error / empty | An empty trail renders the page title as the single `BreadcrumbPage`. Errors surface as toasts or content-level states — the bar itself hosts none; a degraded-environment banner may attach *beneath* the bar on a status-role tint. | `warning` / `destructive` (banner only) |
+| success | Transient: an action button briefly swaps to a check, or a toast confirms; nothing persistent lives in the bar. | `success` status role (transient) |
+
+## Keyboard behavior
+
+- **Tab order**: the bar follows the skip link and precedes the content pane — toggle → breadcrumb links → search chip → actions → identity. Plain sequential tabbing; no roving focus is needed at this control count.
+- **Enter** activates crumbs and buttons; **Space** activates buttons.
+- **Cmd/Ctrl+B** toggles the sidebar from anywhere (provider-owned); the `SidebarTrigger` is its visible affordance.
+- **cmdk path**: **⌘K / Ctrl+K** opens the command palette from anywhere; the search chip is the visible, clickable affordance and displays the shortcut as a kbd hint. Inside the palette: type to filter, arrows to move, Enter to run, Escape to close. Global navigation and infrequent actions belong in the palette, not as more topbar buttons.
+- Overflow menu: Enter/Space opens, arrows move, Escape closes and returns focus to the trigger.
+
+## Token reach
+
+- `background` — the bar surface (with optional alpha for the glass treatment). The bar sits on the content canvas: it never consumes the `sidebar-*` roles.
+- `border` — the bottom hairline and the vertical separator.
+- `foreground` / `muted-foreground` — current crumb vs ancestors; icon default strength.
+- `accent` / `accent-foreground` — icon-button hover/pressed fills.
+- `ring` — focus rings.
+- `popover` / `popover-foreground` — overflow and ellipsis dropdowns.
+- `primary` — at most one primary CTA, only when the screen genuinely has a single dominant action.
+- Status roles (`warning`, `destructive`, `success`) — only for the attached environment banner and transient confirmations; never as bar decoration.
+
+## When to use / composition notes
+
+Every screen inside the shell gets the topbar; it is the constant that makes the sidebar collapsible (the toggle must survive collapse) and the command palette discoverable. Keep it thin — the topbar locates and searches; identity-weight content (record title, status, metadata, stats) belongs to the page masthead below it (`Header` / `PageHeader` under `nurix`), and datasets' own toolbars belong to their tables. The three-zone rhythm — locate left, search center-right, act right — is the invariant; what varies per product is only which trailing actions earn a permanent slot.
+
+- **`primitives: nurix`** — composed, e.g.: `import { SidebarTrigger } from "@nurix/components/sidebar"; import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from "@nurix/components/breadcrumb"; import { CommandTrigger } from "@nurix/components/command"; import { Separator } from "@nurix/components/separator"; import { Button } from "@nurix/components/button";`
+- **`primitives: native`** — this recipe is the build spec: a sticky 48–56px flex row with the slot order above, a real `<nav aria-label="Breadcrumb">` trail with `aria-current="page"` on the last segment, a search affordance wired to the stack's palette (or a plain search route) showing its shortcut, and the state/keyboard/token contracts implemented with the incumbent stack's own primitives.

package/data/harnesses/apollo/skills/design/data/color/accent-presets.md

@@ -0,0 +1,90 @@
+---
+id: accent-presets
+class: a2
+sourced: 2026-07-12
+source: "v1 design-skill asset, imported outright (v1 data/combinations/accent-presets.md); per-step contrast grades recomputed at admission, not carried from the source"
+license: open
+feel: "twelve pre-vetted accent voltages — from emerald operator-default to zinc/stone mono restraint — each graded step by step against light and dark"
+---
+Load when an accent is being chosen or overridden. One accent by default; a second
+only when the active identity genuinely calls for it — status hues (emerald / amber /
+rose / violet / zinc as semantics) don't count against that budget, they are semantic,
+not decorative. In dark themes the accent's 600 step keeps its OKLCH as the action
+fill (lightening it washes it out); accent-tinted surfaces pair a dark neutral surface
+with the 300 step as text. `amber` and `orange` never carry body text on dark
+backgrounds below the 700 step — the grades below say exactly where each step stops
+being text-safe.
+
+Neutral-temperature fit (from v1, unchanged): cool-slate neutrals clash with amber and
+orange (fits: indigo, blue, sky, violet, teal); true gray takes anything (best:
+emerald, indigo, violet, sky, pink); warm neutrals clash with sky and blue (fits:
+emerald, teal, amber, orange, stone, rose). By use case: emerald is the operator
+default; indigo/sky for CRM and support; teal/blue for clinical calm; amber/orange
+for logistics and field energy; violet/blue for engineering; zinc/stone for the
+no-accent mono registers.
+
+```yaml values
+reference-surfaces: { light: "oklch(0.97 0 0)", dark: "oklch(0.141 0 0)" }   # v1 neutral-50 / neutral-950
+grades: { aaa: ">= 7:1 body text", aa: ">= 4.5:1 body/large text", a: ">= 3:1 UI elements only", x: "< 3:1 — decorative only" }
+steps: [50, 100, 300, 500, 600, 700, 900]
+emerald:
+  use: "status-rich CRM; active emphasis (v1 default accent)"
+  scale: [oklch(0.97 0.02 165), oklch(0.93 0.06 165), oklch(0.80 0.13 165), oklch(0.69 0.18 165), oklch(0.60 0.18 165), oklch(0.50 0.18 165), oklch(0.30 0.18 165)]
+  on-light: [x, x, x, x, a, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aaa, aa, a, x]
+indigo:
+  use: "generic SaaS; trust-building"
+  scale: [oklch(0.97 0.02 270), oklch(0.93 0.06 270), oklch(0.78 0.13 270), oklch(0.55 0.20 270), oklch(0.47 0.20 270), oklch(0.39 0.20 270), oklch(0.25 0.18 270)]
+  on-light: [x, x, x, aa, aa, aaa, aaa]
+  on-dark: [aaa, aaa, aaa, a, x, x, x]
+violet:
+  use: "power tools; technical UIs"
+  scale: [oklch(0.97 0.02 295), oklch(0.93 0.06 295), oklch(0.78 0.13 295), oklch(0.55 0.22 295), oklch(0.48 0.22 295), oklch(0.40 0.22 295), oklch(0.25 0.20 295)]
+  on-light: [x, x, x, aa, aa, aaa, aaa]
+  on-dark: [aaa, aaa, aaa, a, x, x, x]
+rose:
+  use: "critical workflows; alert-prone domains"
+  scale: [oklch(0.97 0.02 15), oklch(0.93 0.06 15), oklch(0.78 0.13 15), oklch(0.62 0.22 15), oklch(0.55 0.22 15), oklch(0.45 0.22 15), oklch(0.30 0.20 15)]
+  on-light: [x, x, x, a, aa, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aa, a, x, x]
+amber:
+  use: "warehouses; logistics; energy"
+  scale: [oklch(0.97 0.04 100), oklch(0.94 0.09 95), oklch(0.84 0.14 90), oklch(0.78 0.16 80), oklch(0.70 0.17 75), oklch(0.60 0.17 70), oklch(0.40 0.16 65)]
+  on-light: [x, x, x, x, x, a, aaa]
+  on-dark: [aaa, aaa, aaa, aaa, aaa, aa, x]
+teal:
+  use: "healthcare; calm clinical UIs"
+  scale: [oklch(0.97 0.02 195), oklch(0.93 0.06 195), oklch(0.78 0.12 195), oklch(0.60 0.13 195), oklch(0.52 0.13 195), oklch(0.43 0.13 195), oklch(0.28 0.12 195)]
+  on-light: [x, x, x, a, a, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aa, a, x, x]
+sky:
+  use: "customer support; conversational"
+  scale: [oklch(0.97 0.02 225), oklch(0.93 0.06 225), oklch(0.80 0.13 225), oklch(0.68 0.15 225), oklch(0.58 0.16 225), oklch(0.48 0.17 225), oklch(0.30 0.16 225)]
+  on-light: [x, x, x, x, a, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aaa, aa, a, x]
+blue:
+  use: "traditional enterprise"
+  scale: [oklch(0.97 0.02 245), oklch(0.93 0.06 245), oklch(0.78 0.13 245), oklch(0.55 0.20 245), oklch(0.47 0.20 245), oklch(0.39 0.20 245), oklch(0.25 0.18 245)]
+  on-light: [x, x, x, a, aa, aaa, aaa]
+  on-dark: [aaa, aaa, aaa, a, a, x, x]
+pink:
+  use: "brand-driven; younger ops teams"
+  scale: [oklch(0.97 0.02 0), oklch(0.93 0.06 0), oklch(0.80 0.15 0), oklch(0.67 0.22 0), oklch(0.58 0.22 0), oklch(0.48 0.22 0), oklch(0.30 0.20 0)]
+  on-light: [x, x, x, a, a, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aa, a, x, x]
+orange:
+  use: "high-energy; field service"
+  scale: [oklch(0.97 0.04 50), oklch(0.93 0.09 50), oklch(0.82 0.15 50), oklch(0.70 0.19 50), oklch(0.62 0.19 50), oklch(0.52 0.19 50), oklch(0.32 0.17 50)]
+  on-light: [x, x, x, x, a, aa, aaa]
+  on-dark: [aaa, aaa, aaa, aa, aa, a, x]
+zinc:
+  use: "plain / cron registers; deliberately no accent (mono)"
+  scale: [oklch(0.97 0 0), oklch(0.93 0 0), oklch(0.80 0 0), oklch(0.55 0 0), oklch(0.44 0 0), oklch(0.37 0 0), oklch(0.20 0 0)]
+  on-light: [x, x, x, a, aaa, aaa, aaa]
+  on-dark: [aaa, aaa, aaa, a, x, x, x]
+stone:
+  use: "plain register with warm neutrals (warm mono)"
+  scale: [oklch(0.97 0.005 80), oklch(0.93 0.006 80), oklch(0.80 0.008 80), oklch(0.55 0.012 80), oklch(0.44 0.013 80), oklch(0.37 0.014 80), oklch(0.20 0.016 80)]
+  on-light: [x, x, x, a, aaa, aaa, aaa]
+  on-dark: [aaa, aaa, aaa, a, x, x, x]
+```

package/data/harnesses/apollo/skills/design/data/color/aesop-earth-mute.md

@@ -0,0 +1,91 @@
+---
+id: aesop-earth-mute
+class: a2
+sourced: 2026-07-12
+source: "Distilled from Aesop's brand identity (brandcolorcode.com/aesop; cross-checked color.adobe.com/Aesop-brand-earth-mute) — muted earthy monochrome"
+license: open
+feel: "understated earthy olive-beige monochrome — intellectual, unbranded luxury that whispers instead of shouts"
+---
+The most restrained chroma in the set (accent tops out at 0.06–0.07). Background hue
+is pinned just past 100° specifically to escape flat AI-tan territory — the anti-cream
+band ends at hue 100 — while keeping the earthy, olive-leaning premium feel; the whole
+light theme sits lower in lightness than any other entry, like unbleached paper.
+Neutrals carry 0.015–0.028 chroma toward hue 95–110; the authored dark is a deep
+olive-umber ladder, hue held.
+
+```yaml values
+light:
+  background: oklch(0.88 0.025 110)
+  foreground: oklch(0.26 0.02 90)
+  card: oklch(0.902 0.02 108)
+  card-foreground: oklch(0.26 0.02 90)
+  popover: oklch(0.922 0.015 105)
+  popover-foreground: oklch(0.26 0.02 90)
+  primary: oklch(0.45 0.06 105)
+  primary-foreground: oklch(0.985 0.008 105)
+  secondary: oklch(0.838 0.026 102)
+  secondary-foreground: oklch(0.3 0.028 92)
+  muted: oklch(0.848 0.024 105)
+  muted-foreground: oklch(0.38 0.025 95)
+  accent: oklch(0.856 0.035 105)
+  accent-foreground: oklch(0.28 0.045 100)
+  destructive: oklch(0.5 0.15 30)
+  destructive-foreground: oklch(0.985 0.008 30)
+  success: oklch(0.55 0.09 140)
+  warning: oklch(0.72 0.1 80)
+  border: oklch(0.775 0.028 102)
+  input: oklch(0.775 0.028 102)
+  ring: oklch(0.45 0.06 105)
+  surface-raised: oklch(0.888 0.023 108)
+  surface-overlay: oklch(0.922 0.015 105)
+  chart-1: oklch(0.5 0.07 105)
+  chart-2: oklch(0.58 0.08 60)
+  chart-3: oklch(0.55 0.07 140)
+  chart-4: oklch(0.52 0.09 35)
+  chart-5: oklch(0.5 0.05 260)
+  sidebar: oklch(0.864 0.023 106)
+  sidebar-foreground: oklch(0.28 0.022 92)
+  sidebar-primary: oklch(0.45 0.06 105)
+  sidebar-primary-foreground: oklch(0.985 0.008 105)
+  sidebar-accent: oklch(0.842 0.03 104)
+  sidebar-accent-foreground: oklch(0.27 0.042 100)
+  sidebar-border: oklch(0.762 0.026 102)
+  sidebar-ring: oklch(0.45 0.06 105)
+dark:
+  background: oklch(0.22 0.02 95)
+  foreground: oklch(0.9 0.015 90)
+  card: oklch(0.25 0.02 104)
+  card-foreground: oklch(0.9 0.015 90)
+  popover: oklch(0.32 0.022 104)
+  popover-foreground: oklch(0.9 0.015 90)
+  primary: oklch(0.65 0.07 100)
+  primary-foreground: oklch(0.18 0.03 105)
+  secondary: oklch(0.3 0.022 104)
+  secondary-foreground: oklch(0.88 0.012 104)
+  muted: oklch(0.29 0.022 104)
+  muted-foreground: oklch(0.7 0.015 104)
+  accent: oklch(0.34 0.045 105)
+  accent-foreground: oklch(0.87 0.06 105)
+  destructive: oklch(0.57 0.135 30)
+  destructive-foreground: oklch(0.985 0.008 30)
+  success: oklch(0.61 0.08 140)
+  warning: oklch(0.74 0.09 80)
+  border: oklch(0.325 0.022 104)
+  input: oklch(0.325 0.022 104)
+  ring: oklch(0.65 0.07 100)
+  surface-raised: oklch(0.27 0.02 104)
+  surface-overlay: oklch(0.32 0.022 104)
+  chart-1: oklch(0.6 0.063 105)
+  chart-2: oklch(0.68 0.072 60)
+  chart-3: oklch(0.65 0.063 140)
+  chart-4: oklch(0.62 0.081 35)
+  chart-5: oklch(0.6 0.045 260)
+  sidebar: oklch(0.195 0.02 104)
+  sidebar-foreground: oklch(0.88 0.012 104)
+  sidebar-primary: oklch(0.65 0.07 100)
+  sidebar-primary-foreground: oklch(0.18 0.03 105)
+  sidebar-accent: oklch(0.265 0.03 105)
+  sidebar-accent-foreground: oklch(0.9 0.02 105)
+  sidebar-border: oklch(0.28 0.022 104)
+  sidebar-ring: oklch(0.65 0.07 100)
+```

package/data/harnesses/apollo/skills/design/data/color/arc-peach-play.md

@@ -0,0 +1,90 @@
+---
+id: arc-peach-play
+class: a2
+sourced: 2026-07-12
+source: "Distilled from Arc browser's theme palette (arc.net/colors.html, cross-referenced via devslovecoffee.com) — warm cream/peach with coral foreground"
+license: open
+feel: "playful peachy cream with a coral-orange accent — a browser that wants design itself to feel human"
+---
+Warmer and more saturated than the Notion/Claude entries, pinned just below the
+anti-cream hue floor (background hue 32, under the 40° band edge) so the peach stays
+legibly a color, not a neutral. Fits playful, personality-forward consumer tools.
+Neutrals carry 0.02–0.042 chroma toward hue 28–35; the authored dark is a warm
+plum-brown ladder, never black.
+
+```yaml values
+light:
+  background: oklch(0.93 0.035 32)
+  foreground: oklch(0.26 0.03 25)
+  card: oklch(0.952 0.028 32)
+  card-foreground: oklch(0.26 0.03 25)
+  popover: oklch(0.966 0.02 32)
+  popover-foreground: oklch(0.26 0.03 25)
+  primary: oklch(0.65 0.19 35)
+  primary-foreground: oklch(0.18 0.03 35)
+  secondary: oklch(0.892 0.04 32)
+  secondary-foreground: oklch(0.3 0.04 28)
+  muted: oklch(0.902 0.037 32)
+  muted-foreground: oklch(0.42 0.035 28)
+  accent: oklch(0.912 0.055 35)
+  accent-foreground: oklch(0.32 0.105 35)
+  destructive: oklch(0.55 0.22 20)
+  destructive-foreground: oklch(0.985 0.008 20)
+  success: oklch(0.62 0.14 145)
+  warning: oklch(0.8 0.15 85)
+  border: oklch(0.838 0.042 32)
+  input: oklch(0.838 0.042 32)
+  ring: oklch(0.65 0.19 35)
+  surface-raised: oklch(0.94 0.032 32)
+  surface-overlay: oklch(0.966 0.02 32)
+  chart-1: oklch(0.65 0.19 35)
+  chart-2: oklch(0.58 0.15 300)
+  chart-3: oklch(0.65 0.12 200)
+  chart-4: oklch(0.62 0.14 145)
+  chart-5: oklch(0.78 0.13 85)
+  sidebar: oklch(0.916 0.038 32)
+  sidebar-foreground: oklch(0.3 0.03 28)
+  sidebar-primary: oklch(0.65 0.19 35)
+  sidebar-primary-foreground: oklch(0.18 0.03 35)
+  sidebar-accent: oklch(0.895 0.05 35)
+  sidebar-accent-foreground: oklch(0.3 0.09 35)
+  sidebar-border: oklch(0.828 0.04 32)
+  sidebar-ring: oklch(0.65 0.19 35)
+dark:
+  background: oklch(0.21 0.025 30)
+  foreground: oklch(0.95 0.015 35)
+  card: oklch(0.24 0.025 32)
+  card-foreground: oklch(0.95 0.015 35)
+  popover: oklch(0.31 0.028 32)
+  popover-foreground: oklch(0.95 0.015 35)
+  primary: oklch(0.7 0.17 35)
+  primary-foreground: oklch(0.18 0.03 35)
+  secondary: oklch(0.29 0.029 32)
+  secondary-foreground: oklch(0.88 0.014 32)
+  muted: oklch(0.28 0.029 32)
+  muted-foreground: oklch(0.7 0.015 32)
+  accent: oklch(0.33 0.045 35)
+  accent-foreground: oklch(0.87 0.06 35)
+  destructive: oklch(0.62 0.205 20)
+  destructive-foreground: oklch(0.18 0.03 20)
+  success: oklch(0.68 0.13 145)
+  warning: oklch(0.82 0.14 85)
+  border: oklch(0.315 0.03 32)
+  input: oklch(0.315 0.03 32)
+  ring: oklch(0.7 0.17 35)
+  surface-raised: oklch(0.26 0.025 32)
+  surface-overlay: oklch(0.31 0.028 32)
+  chart-1: oklch(0.75 0.171 35)
+  chart-2: oklch(0.68 0.135 300)
+  chart-3: oklch(0.75 0.108 200)
+  chart-4: oklch(0.72 0.126 145)
+  chart-5: oklch(0.85 0.117 85)
+  sidebar: oklch(0.185 0.025 32)
+  sidebar-foreground: oklch(0.88 0.014 32)
+  sidebar-primary: oklch(0.7 0.17 35)
+  sidebar-primary-foreground: oklch(0.18 0.03 35)
+  sidebar-accent: oklch(0.255 0.03 35)
+  sidebar-accent-foreground: oklch(0.9 0.02 35)
+  sidebar-border: oklch(0.27 0.029 32)
+  sidebar-ring: oklch(0.7 0.17 35)
+```

package/data/harnesses/apollo/skills/design/data/color/attio-hunter-teal.md

@@ -0,0 +1,90 @@
+---
+id: attio-hunter-teal
+class: a2
+sourced: 2026-07-12
+source: "Distilled from Attio's brand palette (mobbin.com/colors/brand/attio) — hunter-black foundation, teal/green primary"
+license: open
+feel: "hunter-black foundation with a fresh teal pulse — quiet sophistication for data-dense work, alive rather than sterile"
+---
+Positioned against typical gray enterprise CRM chrome: the neutral ramp itself
+carries a green-black tint (0.006–0.014 chroma toward hue 165), not just the accent —
+which is what gives Attio's own screens their "alive" quality. The teal action color
+is light enough that fills carry a deep hunter ink; the authored dark is a hunter
+black-green ladder, hue held.
+
+```yaml values
+light:
+  background: oklch(0.985 0.006 165)
+  foreground: oklch(0.24 0.015 165)
+  card: oklch(0.997 0.004 165)
+  card-foreground: oklch(0.24 0.015 165)
+  popover: oklch(0.999 0.003 165)
+  popover-foreground: oklch(0.24 0.015 165)
+  primary: oklch(0.68 0.13 175)
+  primary-foreground: oklch(0.18 0.03 175)
+  secondary: oklch(0.937 0.01 165)
+  secondary-foreground: oklch(0.3 0.018 165)
+  muted: oklch(0.947 0.009 165)
+  muted-foreground: oklch(0.45 0.018 165)
+  accent: oklch(0.945 0.045 175)
+  accent-foreground: oklch(0.32 0.1 175)
+  destructive: oklch(0.56 0.2 25)
+  destructive-foreground: oklch(0.985 0.008 25)
+  success: oklch(0.65 0.14 150)
+  warning: oklch(0.76 0.13 80)
+  border: oklch(0.897 0.011 165)
+  input: oklch(0.897 0.011 165)
+  ring: oklch(0.68 0.13 175)
+  surface-raised: oklch(0.991 0.005 165)
+  surface-overlay: oklch(0.999 0.003 165)
+  chart-1: oklch(0.68 0.13 175)
+  chart-2: oklch(0.62 0.12 145)
+  chart-3: oklch(0.58 0.12 230)
+  chart-4: oklch(0.74 0.12 80)
+  chart-5: oklch(0.6 0.13 330)
+  sidebar: oklch(0.969 0.008 165)
+  sidebar-foreground: oklch(0.3 0.014 165)
+  sidebar-primary: oklch(0.68 0.13 175)
+  sidebar-primary-foreground: oklch(0.18 0.03 175)
+  sidebar-accent: oklch(0.925 0.036 175)
+  sidebar-accent-foreground: oklch(0.3 0.09 175)
+  sidebar-border: oklch(0.885 0.01 165)
+  sidebar-ring: oklch(0.68 0.13 175)
+dark:
+  background: oklch(0.19 0.015 165)
+  foreground: oklch(0.93 0.01 165)
+  card: oklch(0.22 0.015 165)
+  card-foreground: oklch(0.93 0.01 165)
+  popover: oklch(0.29 0.014 165)
+  popover-foreground: oklch(0.93 0.01 165)
+  primary: oklch(0.72 0.12 175)
+  primary-foreground: oklch(0.18 0.03 175)
+  secondary: oklch(0.27 0.014 165)
+  secondary-foreground: oklch(0.88 0.012 165)
+  muted: oklch(0.26 0.014 165)
+  muted-foreground: oklch(0.7 0.014 165)
+  accent: oklch(0.31 0.045 175)
+  accent-foreground: oklch(0.87 0.06 175)
+  destructive: oklch(0.63 0.185 25)
+  destructive-foreground: oklch(0.18 0.03 25)
+  success: oklch(0.71 0.13 150)
+  warning: oklch(0.78 0.12 80)
+  border: oklch(0.295 0.014 165)
+  input: oklch(0.295 0.014 165)
+  ring: oklch(0.72 0.12 175)
+  surface-raised: oklch(0.24 0.015 165)
+  surface-overlay: oklch(0.29 0.014 165)
+  chart-1: oklch(0.78 0.117 175)
+  chart-2: oklch(0.72 0.108 145)
+  chart-3: oklch(0.68 0.108 230)
+  chart-4: oklch(0.84 0.108 80)
+  chart-5: oklch(0.7 0.117 330)
+  sidebar: oklch(0.165 0.015 165)
+  sidebar-foreground: oklch(0.88 0.012 165)
+  sidebar-primary: oklch(0.72 0.12 175)
+  sidebar-primary-foreground: oklch(0.18 0.03 175)
+  sidebar-accent: oklch(0.235 0.03 175)
+  sidebar-accent-foreground: oklch(0.9 0.02 175)
+  sidebar-border: oklch(0.25 0.014 165)
+  sidebar-ring: oklch(0.72 0.12 175)
+```

package/data/harnesses/apollo/skills/design/data/color/carbon-cyan-signal.md

@@ -0,0 +1,90 @@
+---
+id: carbon-cyan-signal
+class: a2
+sourced: 2026-07-12
+source: "Distilled from IBM Carbon Design System (carbondesignsystem.com/elements/color) — hue-family + role-based theme structure"
+license: open
+feel: "enterprise cool gray with a cyan-blue primary — dense, data-heavy, built for four-theme scalability"
+---
+A cooler, slightly deeper-chroma neutral than Geist's, built around Carbon's
+role-token habit (background/border/text as separate concerns) rather than a single
+generated ramp. Fits enterprise, data-heavy surfaces. Mid neutrals carry 0.008–0.014
+chroma toward hue 240 (cool cyan-gray); the dark theme is authored as a fixed-stop
+surface ladder, hue held at 240.
+
+```yaml values
+light:
+  background: oklch(0.98 0.003 240)
+  foreground: oklch(0.2 0.01 240)
+  card: oklch(0.992 0.002 240)
+  card-foreground: oklch(0.2 0.01 240)
+  popover: oklch(0.997 0.002 240)
+  popover-foreground: oklch(0.2 0.01 240)
+  primary: oklch(0.55 0.15 210)
+  primary-foreground: oklch(0.18 0.03 210)
+  secondary: oklch(0.932 0.009 240)
+  secondary-foreground: oklch(0.3 0.015 240)
+  muted: oklch(0.942 0.008 240)
+  muted-foreground: oklch(0.45 0.015 240)
+  accent: oklch(0.945 0.045 210)
+  accent-foreground: oklch(0.32 0.1 210)
+  destructive: oklch(0.55 0.22 20)
+  destructive-foreground: oklch(0.985 0.008 20)
+  success: oklch(0.58 0.15 150)
+  warning: oklch(0.72 0.16 80)
+  border: oklch(0.892 0.01 240)
+  input: oklch(0.892 0.01 240)
+  ring: oklch(0.55 0.15 210)
+  surface-raised: oklch(0.986 0.003 240)
+  surface-overlay: oklch(0.997 0.002 240)
+  chart-1: oklch(0.55 0.15 210)
+  chart-2: oklch(0.55 0.14 260)
+  chart-3: oklch(0.6 0.11 170)
+  chart-4: oklch(0.58 0.14 320)
+  chart-5: oklch(0.72 0.13 80)
+  sidebar: oklch(0.964 0.006 240)
+  sidebar-foreground: oklch(0.3 0.011 240)
+  sidebar-primary: oklch(0.55 0.15 210)
+  sidebar-primary-foreground: oklch(0.18 0.03 210)
+  sidebar-accent: oklch(0.925 0.036 210)
+  sidebar-accent-foreground: oklch(0.3 0.09 210)
+  sidebar-border: oklch(0.88 0.007 240)
+  sidebar-ring: oklch(0.55 0.15 210)
+dark:
+  background: oklch(0.17 0.01 240)
+  foreground: oklch(0.92 0.008 240)
+  card: oklch(0.2 0.01 240)
+  card-foreground: oklch(0.92 0.008 240)
+  popover: oklch(0.27 0.013 240)
+  popover-foreground: oklch(0.92 0.008 240)
+  primary: oklch(0.72 0.13 210)
+  primary-foreground: oklch(0.18 0.03 210)
+  secondary: oklch(0.25 0.014 240)
+  secondary-foreground: oklch(0.88 0.012 240)
+  muted: oklch(0.24 0.014 240)
+  muted-foreground: oklch(0.7 0.014 240)
+  accent: oklch(0.29 0.045 210)
+  accent-foreground: oklch(0.87 0.06 210)
+  destructive: oklch(0.62 0.205 20)
+  destructive-foreground: oklch(0.18 0.03 20)
+  success: oklch(0.64 0.14 150)
+  warning: oklch(0.74 0.15 80)
+  border: oklch(0.275 0.014 240)
+  input: oklch(0.275 0.014 240)
+  ring: oklch(0.72 0.13 210)
+  surface-raised: oklch(0.22 0.01 240)
+  surface-overlay: oklch(0.27 0.013 240)
+  chart-1: oklch(0.65 0.135 210)
+  chart-2: oklch(0.65 0.126 260)
+  chart-3: oklch(0.7 0.099 170)
+  chart-4: oklch(0.68 0.126 320)
+  chart-5: oklch(0.82 0.117 80)
+  sidebar: oklch(0.145 0.01 240)
+  sidebar-foreground: oklch(0.88 0.012 240)
+  sidebar-primary: oklch(0.72 0.13 210)
+  sidebar-primary-foreground: oklch(0.18 0.03 210)
+  sidebar-accent: oklch(0.215 0.03 210)
+  sidebar-accent-foreground: oklch(0.9 0.02 210)
+  sidebar-border: oklch(0.23 0.014 240)
+  sidebar-ring: oklch(0.72 0.13 210)
+```