@nurix/etna 0.19.42 → 0.19.44

package/data/harnesses/apollo/skills/design/design-md/library/webflow.md

@@ -0,0 +1,197 @@
+---
+schema: design-md/v2
+id: webflow
+tier: brand
+segments: [design-tools, web-builder, saas]
+keywords: [engineered, near-black, blue, hairline, crisp, monochrome]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; WF Visual Sans → Inter Variable and WFVisualSans-Mono → Inconsolata Variable substitutions (v1-documented fallbacks)"
+license: open
+---
+
+# webflow — a drafting table under studio light
+
+## 1 Visual Theme
+A drafting table under cool studio light: white vellum, a near-black technical pen,
+one crisp blue pencil for markup. Light default; engineered and near-monochrome —
+near-black ink deeper than default on a white canvas, hierarchy in hairlines,
+weight, and contrast, never shadow. The dark theme is the Designer's own night
+shift: an authored blue-black ladder, not inverted vellum. One chromatic accent —
+the crisp blue — for interactive state only.
+
+## 2 Color Roles
+Near-black `foreground` on white; `primary` is the near-black fill — the action is
+ink, not a color. Blue lives in `ring`, `accent-foreground`, active nav, and link
+emphasis — interactive state only, never a fill at rest. `accent` is the faint blue
+tint for selection. The five brand category hues (purple/pink/blue/orange/green)
+carry no chrome role — charts only. Status hues speak only status.
+
+## 3 Typography
+Inter (text, substituting WF Visual Sans) / Inconsolata (data, substituting
+WFVisualSans-Mono). Register scope: one sans carries display through label at
+negative tracking, weight 600 the hard ceiling — never heavier; the mono owns IDs,
+codes, timestamps, and log lines. The semibold uppercase eyebrow at positive
+tracking is the signature label. Numerals are always `tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (4px, never pill), near-black `primary` fill; inputs hairline
+`border` with the blue `ring` at 2px, no glow; cards hairline-edged at `radius-md`
+(8px), shadow only when a true overlay lifts; table rows `muted` hover, `accent`
+selection; detail in the side panel; badges hairline with status fills — the info
+badge alone fills blue.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1400px;
+density standard, stepped denser per archetype — the brand's five-stop marketing
+shadow and 80px display never enter the shell.
+
+## 6 Depth
+Light: flat — the surface ladder and hairlines carry rank; the brand's layered
+drop-shadow collapses to one restrained soft lift on true overlays, ink-blue-
+tinted. Dark: the authored ladder — `background` 0.16 L, `surface-raised` +0.04,
+`surface-overlay` +0.09, hue held at 260; `primary` turns Designer-blue with white
+labels.
+
+## 7 Motion
+Precise, tool-like. Named moments: `panel-slide` (side panel, 220ms,
+interruptible), `canvas-fade` (page content, 150ms), `press` (primary action,
+100ms). Physicality granted only to auth and first-run empty states; the canvas
+never bounces — this is an instrument.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the category palette returns only here — blue, purple,
+pink, orange, green (`chart-1..5`); sequential canvas→blue; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Builder-precise: nouns and verbs from the canvas, no marketing lilt. "Publish site"
+· "No unpublished changes — staging matches production" · "This class is used on 14
+elements; renaming updates all of them."
+
+## 10 Do's & Don'ts
+Do reserve near-black `primary` for the one action and blue for interactive state —
+nothing else competes. Do cap weight at 600 and keep display tracking negative.
+Don't use the category palette as fills or chrome — charts only. Don't pill the CTA
+or exceed the 4px/8px radius pair. Don't open detail in a modal when the side panel
+fits.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
+sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane queue+detail
+holds; forms cap, tables full width.
+
+## 12 Agent Prompt Guide
+Accent only the primary action with near-black; blue is focus, selection, and
+active nav. If two things want emphasis, one is not primary. Every ID, code, and
+timestamp in the mono; every numeric column `tabular-nums`. Dark is the Designer's
+authored night ladder — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.995 0.005 260)
+    foreground: oklch(0.14 0.006 260)
+    card: oklch(0.995 0.005 260)
+    card-foreground: oklch(0.14 0.006 260)
+    popover: oklch(0.995 0.005 260)
+    popover-foreground: oklch(0.14 0.006 260)
+    primary: oklch(0.16 0.006 260)
+    primary-foreground: oklch(0.985 0.005 260)
+    secondary: oklch(0.965 0.005 260)
+    secondary-foreground: oklch(0.25 0.006 260)
+    muted: oklch(0.965 0.005 260)
+    muted-foreground: oklch(0.46 0.008 260)
+    accent: oklch(0.957 0.016 263)
+    accent-foreground: oklch(0.45 0.18 260)
+    destructive: oklch(0.55 0.21 24)
+    destructive-foreground: oklch(0.985 0.008 24)
+    success: oklch(0.6 0.17 143)
+    warning: oklch(0.68 0.15 75)
+    border: oklch(0.885 0.005 260)
+    input: oklch(0.885 0.005 260)
+    ring: oklch(0.55 0.21 260)
+    surface-raised: oklch(0.985 0.005 260)
+    surface-overlay: oklch(0.995 0.005 260)
+    chart-1: oklch(0.55 0.21 260)
+    chart-2: oklch(0.52 0.2 300)
+    chart-3: oklch(0.6 0.2 350)
+    chart-4: oklch(0.68 0.17 55)
+    chart-5: oklch(0.62 0.17 143)
+    sidebar: oklch(0.975 0.006 260)
+    sidebar-foreground: oklch(0.2 0.006 260)
+    sidebar-primary: oklch(0.16 0.006 260)
+    sidebar-primary-foreground: oklch(0.985 0.005 260)
+    sidebar-accent: oklch(0.945 0.012 263)
+    sidebar-accent-foreground: oklch(0.22 0.006 260)
+    sidebar-border: oklch(0.9 0.005 260)
+    sidebar-ring: oklch(0.55 0.21 260)
+  dark:
+    background: oklch(0.16 0.012 260)
+    foreground: oklch(0.93 0.008 260)
+    card: oklch(0.19 0.012 260)
+    card-foreground: oklch(0.93 0.008 260)
+    popover: oklch(0.25 0.014 260)
+    popover-foreground: oklch(0.93 0.008 260)
+    primary: oklch(0.55 0.2 260)
+    primary-foreground: oklch(0.985 0.005 260)
+    secondary: oklch(0.23 0.013 260)
+    secondary-foreground: oklch(0.9 0.008 260)
+    muted: oklch(0.22 0.013 260)
+    muted-foreground: oklch(0.68 0.01 260)
+    accent: oklch(0.27 0.03 260)
+    accent-foreground: oklch(0.85 0.07 260)
+    destructive: oklch(0.64 0.21 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.17 145)
+    warning: oklch(0.78 0.15 75)
+    border: oklch(0.27 0.014 260)
+    input: oklch(0.27 0.014 260)
+    ring: oklch(0.62 0.19 260)
+    surface-raised: oklch(0.2 0.012 260)
+    surface-overlay: oklch(0.25 0.014 260)
+    chart-1: oklch(0.62 0.19 260)
+    chart-2: oklch(0.62 0.18 300)
+    chart-3: oklch(0.68 0.19 350)
+    chart-4: oklch(0.74 0.16 55)
+    chart-5: oklch(0.7 0.16 145)
+    sidebar: oklch(0.14 0.012 260)
+    sidebar-foreground: oklch(0.9 0.008 260)
+    sidebar-primary: oklch(0.55 0.2 260)
+    sidebar-primary-foreground: oklch(0.985 0.005 260)
+    sidebar-accent: oklch(0.2 0.013 260)
+    sidebar-accent-foreground: oklch(0.92 0.008 260)
+    sidebar-border: oklch(0.21 0.013 260)
+    sidebar-ring: oklch(0.62 0.19 260)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "Inconsolata Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 38px, weight: 600, family: sans, tracking: -0.01em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 22px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.045em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, eyebrows], mono: [data, ids, timestamps, logs] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.16 0.012 260 / 0.14)"
+    popover: "0 4px 16px oklch(0.16 0.012 260 / 0.10)"
+  dark-ladder: { background: 0.16, raised: 0.20, overlay: 0.25, hue-held: 260 }
+motion:
+  duration: { press: 100ms, fade: 150ms, panel: 220ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-5 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1400px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/wired.md

@@ -0,0 +1,197 @@
+---
+schema: design-md/v2
+id: wired
+tier: brand
+segments: [media, editorial, publishing]
+keywords: [editorial, print, black-on-white, serif, square, achromatic]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Apercu → Inter Variable, WiredDisplay/BreveText → Playfair Display Variable substitutions (v1-documented), IBM Plex Mono for the derived mono"
+license: open
+---
+
+# wired — a print shop's imposing stone, fresh ink on newsprint
+
+## 1 Visual Theme
+A print shop's imposing stone: fresh black ink on bright newsprint, steel rules
+locking the columns square, nothing rounded, nothing shadowed. Light default —
+black-on-white the way a printed page reads, radius 0 the non-negotiable geometry.
+Effectively achromatic: the whisper of cold tint on every neutral is beneath
+perception, and the chrome accent is black itself. Dark is the darkroom edition —
+an authored cold ladder, not a negative of the page.
+
+## 2 Color Roles
+Ink-black `foreground` on the paper `background`; `primary` is black — the CTA, the
+wordmark, active nav, the heavy-border moment. `input` is deliberately ink: the
+square black-bordered field is a signature while dividers stay hairline. Link blue
+is the one chromatic grace — inline text links only, never a button, nav, or ring —
+and returns in charts as the single accent series. Status hues run deep, under the
+austerity.
+
+## 3 Typography
+Playfair Display (display serif, substituting WiredDisplay/BreveText) / Inter
+(chrome, substituting Apercu) / IBM Plex Mono (data). Register scope: the serif
+touches page titles, section heads, and empty states only, always at weight 400 —
+its elegance is the typeface, never the weight; the sans runs every control, label,
+cell, and byline; the mono owns IDs, codes, timestamps. Numerals are always
+`tabular-nums`.
+
+## 4 Component Stylings
+Buttons `radius-sm` (0 — sharp rectangles, never a pill), black `primary` fill or
+the 1px ink outline; inputs square with the black `input` edge and the 2px black
+`ring` at 1px offset; cards flat on a hairline, zero shadow; table rows hairline
+grid, `muted` hover, `accent` selection; the side panel stands off the page by a
+2px ink border, never a shadow; badges square, hairline, uppercase captions.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 52px — the thin masthead band; side panel
+440/640px; content max 1400px; the breathing rides type, not row height.
+
+## 6 Depth
+Zero shadows — the brand owns none. Light: three ranks — canvas, hairline, and the
+2px black border for what must stand off the page. Dark: the authored ladder —
+`background` 0.15 L, `surface-raised` +0.04, `surface-overlay` +0.09, cold hue held
+at 240 — with hairlines doing the ranking; the heavy border becomes paper-white.
+
+## 7 Motion
+Nearly none — print doesn't move. Named moments: `panel-slide` (side panel, 200ms,
+interruptible), `page-settle` (content arrive, 140ms fade), `press` (CTA, 90ms).
+Physicality granted only to auth; tables, nav, and keyboard flows are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `foreground` default — icons are ink, not gray
+furniture. Charts: hairline axes, square legends; the ramp is grayscale with link
+blue as the single accent series (`chart-2`); sequential paper→ink; diverging
+through the deep status hues; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Headline declarative: present tense, no hedging, captions in small caps. "Publish
+correction" · "Nothing in the queue — the morning file closed at 06:00" · "This
+story has 3 unresolved legal flags; publishing is locked."
+
+## 10 Do's & Don'ts
+Do hold the strict duet — true black ink on the paper canvas is a deliberate brand
+override. Do keep radius 0 on every control; the only round shape is a circular
+icon container. Don't round a corner, bold the serif past 400, or drop a shadow.
+Don't let link blue touch a button, nav, or focus ring. Don't warm the grays — the
+cold is the register.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, h1 steps 32 → 26,
+list+detail stacks. 768: sidebar → icon rail; tables scroll overflow. 1024/1440:
+two-pane queue+detail holds; forms cap, tables run the wide measure.
+
+## 12 Agent Prompt Guide
+Lead every list with its table, every entity with its primary read. The accent is
+black — if something wants color it wants weight or a hairline. Page titles wear
+the serif at 400; everything else is the sans. Keep every control square and every
+edge a rule. Dark is the darkroom ladder — consult the block, never invert the
+page.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.995 0.005 240)
+    foreground: oklch(0.13 0.005 240)
+    card: oklch(0.995 0.005 240)
+    card-foreground: oklch(0.13 0.005 240)
+    popover: oklch(0.995 0.005 240)
+    popover-foreground: oklch(0.13 0.005 240)
+    primary: oklch(0.13 0.005 240)
+    primary-foreground: oklch(0.99 0.005 240)
+    secondary: oklch(0.965 0.005 240)
+    secondary-foreground: oklch(0.24 0.005 240)
+    muted: oklch(0.965 0.005 240)
+    muted-foreground: oklch(0.46 0.006 240)
+    accent: oklch(0.955 0.005 240)
+    accent-foreground: oklch(0.22 0.005 240)
+    destructive: oklch(0.5 0.19 26)
+    destructive-foreground: oklch(0.985 0.008 26)
+    success: oklch(0.5 0.13 148)
+    warning: oklch(0.55 0.14 49)
+    border: oklch(0.907 0.005 240)
+    input: oklch(0.13 0.005 240)
+    ring: oklch(0.13 0.005 240)
+    surface-raised: oklch(0.985 0.005 240)
+    surface-overlay: oklch(0.995 0.005 240)
+    chart-1: oklch(0.25 0.005 240)
+    chart-2: oklch(0.55 0.13 242)
+    chart-3: oklch(0.5 0.005 240)
+    chart-4: oklch(0.7 0.005 240)
+    chart-5: oklch(0.4 0.005 240)
+    sidebar: oklch(0.995 0.005 240)
+    sidebar-foreground: oklch(0.13 0.005 240)
+    sidebar-primary: oklch(0.13 0.005 240)
+    sidebar-primary-foreground: oklch(0.99 0.005 240)
+    sidebar-accent: oklch(0.955 0.005 240)
+    sidebar-accent-foreground: oklch(0.22 0.005 240)
+    sidebar-border: oklch(0.9 0.005 240)
+    sidebar-ring: oklch(0.13 0.005 240)
+  dark:
+    background: oklch(0.15 0.005 240)
+    foreground: oklch(0.95 0.005 240)
+    card: oklch(0.18 0.005 240)
+    card-foreground: oklch(0.95 0.005 240)
+    popover: oklch(0.24 0.006 240)
+    popover-foreground: oklch(0.95 0.005 240)
+    primary: oklch(0.95 0.005 240)
+    primary-foreground: oklch(0.15 0.005 240)
+    secondary: oklch(0.23 0.006 240)
+    secondary-foreground: oklch(0.91 0.005 240)
+    muted: oklch(0.22 0.006 240)
+    muted-foreground: oklch(0.69 0.006 240)
+    accent: oklch(0.25 0.006 240)
+    accent-foreground: oklch(0.92 0.005 240)
+    destructive: oklch(0.6 0.19 26)
+    destructive-foreground: oklch(0.1 0.02 26)
+    success: oklch(0.65 0.13 148)
+    warning: oklch(0.72 0.14 60)
+    border: oklch(0.27 0.006 240)
+    input: oklch(0.8 0.005 240)
+    ring: oklch(0.95 0.005 240)
+    surface-raised: oklch(0.19 0.005 240)
+    surface-overlay: oklch(0.24 0.006 240)
+    chart-1: oklch(0.85 0.005 240)
+    chart-2: oklch(0.65 0.13 242)
+    chart-3: oklch(0.6 0.005 240)
+    chart-4: oklch(0.45 0.005 240)
+    chart-5: oklch(0.72 0.005 240)
+    sidebar: oklch(0.15 0.005 240)
+    sidebar-foreground: oklch(0.95 0.005 240)
+    sidebar-primary: oklch(0.95 0.005 240)
+    sidebar-primary-foreground: oklch(0.15 0.005 240)
+    sidebar-accent: oklch(0.22 0.006 240)
+    sidebar-accent-foreground: oklch(0.92 0.005 240)
+    sidebar-border: oklch(0.26 0.006 240)
+    sidebar-ring: oklch(0.95 0.005 240)
+typography:
+  display: { family: "Playfair Display Variable", fallback: "Georgia, serif", weights: [400] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 36px, line: 40px, weight: 400, family: display, tracking: -0.01em }
+    h1: { size: 32px, line: 35px, weight: 400, family: display, tracking: -0.01em }
+    h2: { size: 26px, line: 28px, weight: 400, family: display }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 700, family: sans, tracking: 0.02em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state], sans: [chrome, controls, body, captions], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 0px, md: 0px, lg: 0px }
+  hairline: border
+  shadow:
+    overlay: "none"
+    popover: "none"
+  dark-ladder: { background: 0.15, raised: 0.19, overlay: 0.24, hue-held: 240 }
+motion:
+  duration: { press: 90ms, fade: 140ms, panel: 200ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth]
+iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: foreground }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 52px, side-panel: [440px, 640px], content-max: 1400px }
+```

package/data/harnesses/apollo/skills/design/design-md/library/wise.md

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: wise
+tier: brand
+segments: [fintech, payments, remittance]
+keywords: [lime, sage, friendly, rounded, forest, money]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Wise Sans (proprietary display) stays behind per v1 — Inter Variable is the brand's own workhorse; JetBrains Mono Variable for data"
+license: open
+---
+
+# wise — a Scandinavian bank lobby in spring
+
+## 1 Visual Theme
+A Scandinavian bank lobby in spring: sage-painted walls, blond wood counters, white
+paper forms, and one lime-green door that is obviously the way in. Light default;
+the defining move is the surface ladder — white cards lifting off the warm sage
+canvas by contrast, not shadow. Dark is the same lobby after close: a deep
+forest-green ladder with the lime door still lit. Friendly-rounded, honest density;
+one accent, disciplined hard.
+
+## 2 Color Roles
+Near-black olive `foreground` on sage; white `card` is the elevation. Lime
+`primary` is the one action, the active-nav mark, the brand mark — nowhere else,
+and always with olive ink on it, never white. The `ring` is deep forest — lime is
+too light to read as a ring. Two greens stay apart: lime acts, the truer `success`
+green reports. `input` is deliberately ink — the bold-edged field is the form
+signature. Orange and cyan are chart graces only.
+
+## 3 Typography
+Inter (text — the brand's real workhorse; the weight-900 Wise Sans display stays
+behind) / JetBrains Mono (data). Register scope: the sans carries display through
+label, semibold 600 the heading weight; the mono owns IDs, reference codes, and
+timestamps. Body holds a generous 16px — money reading needs air; every amount and
+numeric column is `tabular-nums`, non-negotiable in a money product.
+
+## 4 Component Stylings
+Buttons `radius-md` (12px, rounded but never the marketing pill), lime `primary`
+with olive label; inputs white fill with the 1px ink `input` edge and forest `ring`
+focus; cards white on sage by contrast, `radius-lg` for feature cards; table rows
+sage hairline grid, `muted` hover, pale-green `accent` selection; detail in the
+side panel; badges pill — the positive badge is pale-green `accent` fill with
+forest text.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1360px;
+density standard — the brand breathes; amount columns right-aligned always.
+
+## 6 Depth
+Light: the sage/white ladder is the depth system — contrast, then hairline, shadow
+only on true overlays, forest-tinted. Dark: the authored forest ladder —
+`background` 0.18 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at
+135 — lime holding its exact chroma across both themes.
+
+## 7 Motion
+Warm and settled. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`card-lift` (card arrive, 160ms fade), `press` (lime action, 110ms). Physicality
+granted to auth and the first-run empty state — the one confetti-free celebration;
+tables and amounts never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.75px stroke — slightly warm-bold to match the rounded chrome — 16/20px
+grid, `muted-foreground` default. Charts: hairline axes; categorical runs forest,
+cyan, amber-orange, lime, warm gold (`chart-1..5`); sequential sage→forest;
+diverging red→sage→green; tooltips on `surface-overlay` with mono amounts.
+
+## 9 Voice
+Plain-spoken money: no jargon, fees and dates stated exactly, warmth without
+exclamation. "Send transfer" · "Nothing needs your attention — 2 transfers arrive
+Tuesday" · "This payout exceeds the daily limit; it will complete tomorrow at
+09:00."
+
+## 10 Do's & Don'ts
+Do anchor on the sage/white ladder — white cards on sage IS the elevation. Do keep
+olive ink on every lime fill, and keep the two greens apart. Don't wash a selected
+row in lime — selection is the pale-green `accent`. Don't pair lime with a green
+surface — lime sits on neutral only. Don't sharpen corners, shadow cards, or reach
+for the 900-weight display.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, amount tables scroll
+horizontally. 768: sidebar → icon rail; tables scroll overflow. 1024/1440: two-pane
+queue+detail holds; forms cap, the sage canvas widens around the 1360px measure.
+
+## 12 Agent Prompt Guide
+Lead with the queue table on sage, white cards for what matters. Spend lime once —
+if two things want it, one is not primary; the ring is always forest. Amounts in
+`tabular-nums`, IDs in the mono, black-edged inputs. Dark is the forest lobby after
+close — consult the block, never invert the sage.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.936 0.007 132)
+    foreground: oklch(0.17 0.008 130)
+    card: oklch(0.99 0.005 132)
+    card-foreground: oklch(0.17 0.008 130)
+    popover: oklch(0.99 0.005 132)
+    popover-foreground: oklch(0.17 0.008 130)
+    primary: oklch(0.857 0.17 135)
+    primary-foreground: oklch(0.17 0.008 130)
+    secondary: oklch(0.905 0.01 132)
+    secondary-foreground: oklch(0.22 0.008 130)
+    muted: oklch(0.95 0.01 130)
+    muted-foreground: oklch(0.42 0.008 140)
+    accent: oklch(0.95 0.048 133)
+    accent-foreground: oklch(0.32 0.084 135)
+    destructive: oklch(0.55 0.19 24)
+    destructive-foreground: oklch(0.985 0.008 24)
+    success: oklch(0.6 0.16 147)
+    warning: oklch(0.59 0.14 61)
+    border: oklch(0.877 0.009 135)
+    input: oklch(0.17 0.008 130)
+    ring: oklch(0.29 0.084 135)
+    surface-raised: oklch(0.955 0.008 132)
+    surface-overlay: oklch(0.99 0.005 132)
+    chart-1: oklch(0.4 0.09 135)
+    chart-2: oklch(0.6 0.12 229)
+    chart-3: oklch(0.66 0.13 58)
+    chart-4: oklch(0.7 0.15 135)
+    chart-5: oklch(0.62 0.12 80)
+    sidebar: oklch(0.985 0.005 132)
+    sidebar-foreground: oklch(0.17 0.008 130)
+    sidebar-primary: oklch(0.857 0.17 135)
+    sidebar-primary-foreground: oklch(0.17 0.008 130)
+    sidebar-accent: oklch(0.94 0.03 133)
+    sidebar-accent-foreground: oklch(0.25 0.05 135)
+    sidebar-border: oklch(0.9 0.008 133)
+    sidebar-ring: oklch(0.29 0.084 135)
+  dark:
+    background: oklch(0.18 0.012 135)
+    foreground: oklch(0.93 0.01 130)
+    card: oklch(0.22 0.014 135)
+    card-foreground: oklch(0.93 0.01 130)
+    popover: oklch(0.28 0.016 135)
+    popover-foreground: oklch(0.93 0.01 130)
+    primary: oklch(0.857 0.17 135)
+    primary-foreground: oklch(0.17 0.012 135)
+    secondary: oklch(0.26 0.016 135)
+    secondary-foreground: oklch(0.9 0.01 130)
+    muted: oklch(0.25 0.015 135)
+    muted-foreground: oklch(0.7 0.015 135)
+    accent: oklch(0.3 0.04 135)
+    accent-foreground: oklch(0.88 0.06 133)
+    destructive: oklch(0.62 0.19 25)
+    destructive-foreground: oklch(0.12 0.02 25)
+    success: oklch(0.7 0.16 147)
+    warning: oklch(0.72 0.13 65)
+    border: oklch(0.29 0.016 135)
+    input: oklch(0.5 0.02 135)
+    ring: oklch(0.857 0.17 135)
+    surface-raised: oklch(0.23 0.014 135)
+    surface-overlay: oklch(0.28 0.016 135)
+    chart-1: oklch(0.66 0.11 135)
+    chart-2: oklch(0.72 0.13 229)
+    chart-3: oklch(0.75 0.13 58)
+    chart-4: oklch(0.857 0.17 135)
+    chart-5: oklch(0.74 0.12 80)
+    sidebar: oklch(0.16 0.012 135)
+    sidebar-foreground: oklch(0.91 0.01 130)
+    sidebar-primary: oklch(0.857 0.17 135)
+    sidebar-primary-foreground: oklch(0.16 0.012 135)
+    sidebar-accent: oklch(0.22 0.014 135)
+    sidebar-accent-foreground: oklch(0.9 0.01 130)
+    sidebar-border: oklch(0.23 0.014 135)
+    sidebar-ring: oklch(0.857 0.17 135)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 600, family: sans, tracking: -0.015em }
+    h1: { size: 28px, line: 34px, weight: 600, family: sans, tracking: -0.015em }
+    h2: { size: 22px, line: 29px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 16px, line: 24px, weight: 400, family: sans }
+    small: { size: 14px, line: 20px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 400, family: sans }
+    data: { size: 16px, line: 22px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, amounts] }
+elevation:
+  radius: { sm: 6px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.29 0.084 135 / 0.16)"
+    popover: "0 4px 16px oklch(0.29 0.084 135 / 0.12)"
+  dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 135 }
+motion:
+  duration: { press: 110ms, fade: 160ms, panel: 240ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.75px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: background, positive: success }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```