@nurix/etna 0.19.10 → 0.19.12

package/data/harnesses/code/skills/design/design-md/library/airbnb.md

@@ -0,0 +1,207 @@
+---
+schema: design-md/v2
+id: airbnb
+tier: brand
+segments: [travel, marketplace, consumer-ops]
+keywords: [warm, rounded, rausch, hospitality, soft, ink-focus, one-accent]
+sourced: 2026-07-12
+sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; Airbnb Cereal is proprietary — substituted Inter Variable (open), the v1 entry's own named closest open face; JetBrains Mono for the derived mono"
+license: open
+---
+
+# airbnb — a host's sunlit entry hall
+
+## 1 Visual Theme
+A host's sunlit entry hall: white plaster walls, a linen guest book open on an oak
+console, one hibiscus-red wax stamp beside the pen — everything soft-cornered, nothing
+gilded. Light is the native theme (Airbnb ships no public dark mode; the dark theme
+here is an authored guest-room-at-night, not an inversion). Flat depth: white-on-white
+surfaces split by hairlines and rounded clipping, one soft shadow tier. One warm
+voltage — Rausch — spent on exactly one action per surface. Density is standard with a
+generous lean.
+
+## 2 Color Roles
+`foreground` is near-black ink, never pure black; `background` and `card` are the
+white canvas, whisper-tinted toward Rausch so the neutrals read warm, not lab-gray.
+`primary` is Rausch — deepened one step from the marketing hex so its white label
+holds AA — and it carries the single most important action and active nav, nothing
+else. `accent` is the pale-Rausch wash for selected rows and hovered nav. `ring` is
+ink: Airbnb focuses by thickening to ink, never a colored glow. Status hues speak only
+status; Luxe purple and legal-link blue survive only inside `chart-*`. Ratings and
+numbers render in ink, never gold.
+
+## 3 Typography
+One sans, one mono. Inter Variable stands in for the proprietary Airbnb Cereal — the
+whole ramp rides it, display voice carried by size and modest weight, never a second
+family. Weights stop at 600; the brand never reaches 700. JetBrains Mono is the
+derived mono for IDs, codes, and timestamps (Airbnb ships none of its own). Numeric
+columns are always `tabular-nums`. Register scope: the display step touches page
+titles and empty states only; mono never touches chrome.
+
+## 4 Component Stylings
+Buttons: `primary` fill on `primary-foreground`, `radius-md`, no pill — the pill
+search bar is marketing. Secondary: `card` fill with hairline `border`. Inputs:
+hairline `border` that thickens toward the ink `ring` on focus — no glow. Cards:
+`card` on hairline, `radius-lg`, the one soft shadow only when floated. Table rows:
+`muted` hover, `accent` selection tint, mono figures. Badges: pill radius, hairline,
+`muted` or status fill — never `primary`. Detail opens in the side panel, beside the
+work.
+
+## 5 Layout
+4px base with a 2px micro-step; sidebar 256/64px; topbar 64px; side panel 440/640px;
+content max 1280px. Card padding runs generous — 24px on rich cards, 16px on meta
+blocks. Standard density: the brand breathes, but a queue is not a marketing page.
+
+## 6 Depth
+Flat. Hierarchy is surface separation, hairlines, and rounded-corner clipping — one
+soft shadow tier, Rausch-ink tinted, only for true floats and overlays. Dark is an
+authored ladder, not an inversion: `background` 0.17 L, `surface-raised` +0.05,
+`surface-overlay` +0.09, hue held at 17. Focus is a 2px ink `ring` on every
+interactive element. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Gentle and brief. Named moments: `panel-slide` (side panel, 300ms, interruptible),
+`row-settle` (list hover/selection, 200ms), `stamp-press` (primary-action press,
+100ms). Physicality is granted only to auth and first-run empty states. Tables,
+palettes, and keyboard-initiated actions never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; the categorical ramp leads with true Rausch (`chart-1`) then Luxe
+purple, green, link blue, amber — the sub-brand hues' only operator home. Tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+A good host: warm, plain, never gushing. Sentences offer, they don't push. "Add
+listing" · "Nothing to review — 4 arrivals confirmed for Friday" · "This payout can't
+be released yet; the reservation completes on 12 May."
+
+## 10 Do's & Don'ts
+Do keep 90% of every surface white + ink with one Rausch moment. Do keep corners soft
+— `radius-md` on controls, `radius-lg` on cards, pill on badges. Do render ratings in
+ink, never gold. Don't promote Luxe purple, Plus magenta, or link blue to a second
+accent. Don't focus with a colored ring or glow — thicken to ink. Don't use pure black
+ink. Don't pull the pill search bar, the 64px rating hero, or the 80px marketing nav
+into operator chrome.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, sticky detail collapses to
+a bottom bar carrying the primary action. 768: sidebar → icon rail; card grids 2-up;
+tables scroll overflow. 1024: two-pane queue+detail holds; grids 3-up. 1440: forms cap
+at 640px; grids 4-up under the 1280px cap.
+
+## 12 Agent Prompt Guide
+Lead every list with its table, every entity with its primary read. Spend Rausch once
+— if two things want it, one is not primary. Stay flat: surfaces, hairlines, and
+rounded clipping before shadow. Focus with ink. Type stays modest — 600 max, mono for
+IDs and timestamps. Light is native; dark is authored — consult the block, never
+derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 17)
+    foreground: oklch(0.25 0.008 17)
+    card: oklch(0.995 0.005 17)
+    card-foreground: oklch(0.25 0.008 17)
+    popover: oklch(0.995 0.005 17)
+    popover-foreground: oklch(0.25 0.008 17)
+    primary: oklch(0.55 0.21 17)
+    primary-foreground: oklch(0.99 0.005 17)
+    secondary: oklch(0.955 0.006 17)
+    secondary-foreground: oklch(0.25 0.008 17)
+    muted: oklch(0.97 0.006 17)
+    muted-foreground: oklch(0.50 0.01 17)
+    accent: oklch(0.95 0.026 6)
+    accent-foreground: oklch(0.48 0.20 17)
+    destructive: oklch(0.53 0.18 34)
+    destructive-foreground: oklch(0.99 0.005 34)
+    success: oklch(0.55 0.13 155)
+    warning: oklch(0.60 0.13 65)
+    border: oklch(0.90 0.006 17)
+    input: oklch(0.90 0.006 17)
+    ring: oklch(0.25 0.008 17)
+    surface-raised: oklch(0.995 0.005 17)
+    surface-overlay: oklch(0.995 0.005 17)
+    chart-1: oklch(0.658 0.231 17)
+    chart-2: oklch(0.45 0.15 302)
+    chart-3: oklch(0.56 0.13 155)
+    chart-4: oklch(0.65 0.187 259)
+    chart-5: oklch(0.62 0.13 65)
+    sidebar: oklch(0.975 0.006 17)
+    sidebar-foreground: oklch(0.25 0.008 17)
+    sidebar-primary: oklch(0.55 0.21 17)
+    sidebar-primary-foreground: oklch(0.99 0.005 17)
+    sidebar-accent: oklch(0.95 0.026 6)
+    sidebar-accent-foreground: oklch(0.48 0.20 17)
+    sidebar-border: oklch(0.91 0.006 17)
+    sidebar-ring: oklch(0.25 0.008 17)
+  dark:
+    background: oklch(0.17 0.008 17)
+    foreground: oklch(0.94 0.008 17)
+    card: oklch(0.20 0.009 17)
+    card-foreground: oklch(0.94 0.008 17)
+    popover: oklch(0.26 0.01 17)
+    popover-foreground: oklch(0.94 0.008 17)
+    primary: oklch(0.70 0.19 17)
+    primary-foreground: oklch(0.16 0.02 17)
+    secondary: oklch(0.25 0.01 17)
+    secondary-foreground: oklch(0.92 0.008 17)
+    muted: oklch(0.24 0.01 17)
+    muted-foreground: oklch(0.70 0.012 17)
+    accent: oklch(0.30 0.035 12)
+    accent-foreground: oklch(0.92 0.02 12)
+    destructive: oklch(0.62 0.19 30)
+    destructive-foreground: oklch(0.13 0.02 30)
+    success: oklch(0.66 0.13 155)
+    warning: oklch(0.72 0.13 65)
+    border: oklch(0.27 0.01 17)
+    input: oklch(0.27 0.01 17)
+    ring: oklch(0.94 0.008 17)
+    surface-raised: oklch(0.22 0.009 17)
+    surface-overlay: oklch(0.26 0.01 17)
+    chart-1: oklch(0.70 0.19 17)
+    chart-2: oklch(0.62 0.14 302)
+    chart-3: oklch(0.68 0.13 155)
+    chart-4: oklch(0.70 0.14 259)
+    chart-5: oklch(0.72 0.12 65)
+    sidebar: oklch(0.15 0.008 17)
+    sidebar-foreground: oklch(0.92 0.008 17)
+    sidebar-primary: oklch(0.70 0.19 17)
+    sidebar-primary-foreground: oklch(0.16 0.02 17)
+    sidebar-accent: oklch(0.24 0.02 15)
+    sidebar-accent-foreground: oklch(0.92 0.01 17)
+    sidebar-border: oklch(0.23 0.009 17)
+    sidebar-ring: oklch(0.94 0.008 17)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.01em }
+    h1: { size: 22px, line: 27px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 17px, weight: 400, family: sans }
+    caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.02em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.35 0.04 17 / 0.14)"
+    popover: "0 4px 14px oklch(0.35 0.04 17 / 0.10)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.26, hue-held: 17 }
+motion:
+  duration: { press: 100ms, fade: 200ms, panel: 300ms }
+  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 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-3 }
+layout: { base: 4px, sidebar: [256px, 64px], topbar: 64px, side-panel: [440px, 640px], content-max: 1280px }
+```

package/data/harnesses/code/skills/design/design-md/library/airtable.md

@@ -0,0 +1,205 @@
+---
+schema: design-md/v2
+id: airtable
+tier: brand
+segments: [productivity, database, no-code]
+keywords: [editorial, ink-primary, calm, hairline, never-bold, link-blue]
+sourced: 2026-07-12
+sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; licensed Haas Grotesk substituted with Inter Variable (open), per the v1 entry's own resolution; IBM Plex Mono for record IDs"
+license: open
+---
+
+# airtable — a print shop's proofing table
+
+## 1 Visual Theme
+A print shop's proofing table: bright white stock under even light, a near-black
+brayer resting on the roller, one blue-inked APPROVED stamp for the proofs that pass —
+calm, editorial, unhurried. Light default; the dark theme is the shop after close,
+an authored slate ladder, never inverted paper. Flat: hairlines, weight, and
+whitespace carry all hierarchy — the brand is emphatically shadow-light. The
+distinctive move sits at the center: the primary action is **near-black ink, not a
+color**; blue is only the link and the focus ring.
+
+## 2 Color Roles
+`primary` is near-black cool-navy ink — the only fill that means "act", always with a
+white label. The link blue carries `ring` and inline links, never a CTA fill; the most
+common misread is treating link-blue as `primary`. `accent` is the pale-blue wash for
+selected rows and active nav. Neutrals are cool near-whites tinted faintly toward the
+ink's navy, never pure gray. Status hues speak only status. The warm signature palette
+(coral, forest, cream, peach, mustard) is marketing chrome — it survives only inside
+`chart-*`, never as UI chrome or a second accent.
+
+## 3 Typography
+One sans, one mono. Inter Variable is the open substitute the licensed Haas Grotesk
+resolves to — UI, body, and headings all ride it. The Airtable trait: **never bold**.
+Emphasis bumps weight one step to 500; 600/700 in running UI reads as a template, and
+true bold stays reserved for legal surfaces. IBM Plex Mono carries record IDs, keys,
+timestamps, and log lines. Numeric columns render `tabular-nums`. Emphasis bumps
+weight, never size.
+
+## 4 Component Stylings
+Buttons: near-black `primary` fill on `primary-foreground`, `radius-md`, no pill;
+secondary is `secondary` fill with hairline `border` — the white-outline pair to the
+near-black CTA. Inputs: `background` fill, hairline, blue `ring` at 2px on focus, no
+glow. Cards: `card` with hairline, shadow only when lifted. Table rows: roomy 44px,
+`border` grid lines, `muted` hover, `accent` selection, mono figures. Badges: hairline
++ `muted`/status fill, uppercase caption, never `primary`. Detail opens in the side
+panel; modals are confirmations only.
+
+## 5 Layout
+4px base; sidebar 240/56px (the brand's filter-rail width); topbar 64px (the brand nav
+height); side panel 420/640px; content max 1320px. Rows are a roomy 44px — the
+editorial reading, not a dense grid. The marketing 96px section rhythm stays behind.
+
+## 6 Depth
+Flat — color-block first, shadow second. Canvas, then `card` on a hairline, then the
+one soft slate-tinted shadow reserved for true overlays. Dark is an authored ladder:
+`background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.09, hue held at 262.
+Focus is a 2px blue `ring` outline, never a glow, visible on every interactive
+element. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Quiet and editorial. Named moments: `panel-slide` (side panel, 280ms, interruptible),
+`proof-fade` (page and view transitions, 180ms), `ink-press` (primary-action press,
+120ms). Physicality is granted only to first-run empty states. Grids, cells, and
+keyboard-initiated actions never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.75px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the categorical ramp is where the signature warm palette
+lives — link blue, rust, forest, mustard, peach (`chart-1..5`). Tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+A patient librarian: precise, lower-key than the work it organizes. "Create record" ·
+"No records match this view — clear 2 filters to see 148" · "This field is referenced
+by 3 views; unlink them before deleting."
+
+## 10 Do's & Don'ts
+Do keep `primary` near-black — the brand action is ink, never the link blue. Do carry
+hierarchy with hairlines, weight, and whitespace. Don't bold the UI — emphasis tops
+out at 500. Don't promote the warm palette out of charts. Don't pill the CTA — the
+marketing pill is a pricing-page signal. Don't open detail in a modal when the side
+panel fits.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet; density
+holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane list+detail
+holds. 1440: forms cap at 640px; tables and dashboards use the full width under the
+1320px cap.
+
+## 12 Agent Prompt Guide
+Lead every list with its table. The accent is near-black ink — blue is links and focus
+only; if two things want the accent, one is not primary. Weight 500 is the ceiling.
+Every numeric column is mono `tabular-nums`. A single near-black band is the brand's
+one voltage moment — a summary or hero card, never routine chrome. Dark is authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 255)
+    foreground: oklch(0.23 0.019 262)
+    card: oklch(0.995 0.005 255)
+    card-foreground: oklch(0.23 0.019 262)
+    popover: oklch(0.995 0.005 255)
+    popover-foreground: oklch(0.23 0.019 262)
+    primary: oklch(0.23 0.019 262)
+    primary-foreground: oklch(0.99 0.005 255)
+    secondary: oklch(0.98 0.005 250)
+    secondary-foreground: oklch(0.23 0.019 262)
+    muted: oklch(0.975 0.006 250)
+    muted-foreground: oklch(0.42 0.015 264)
+    accent: oklch(0.963 0.012 260)
+    accent-foreground: oklch(0.23 0.019 262)
+    destructive: oklch(0.53 0.184 31)
+    destructive-foreground: oklch(0.99 0.005 31)
+    success: oklch(0.45 0.14 145)
+    warning: oklch(0.55 0.14 55)
+    border: oklch(0.90 0.006 255)
+    input: oklch(0.90 0.006 255)
+    ring: oklch(0.51 0.176 259)
+    surface-raised: oklch(0.995 0.005 255)
+    surface-overlay: oklch(0.995 0.005 255)
+    chart-1: oklch(0.51 0.176 259)
+    chart-2: oklch(0.49 0.168 36)
+    chart-3: oklch(0.45 0.148 143)
+    chart-4: oklch(0.75 0.13 80)
+    chart-5: oklch(0.81 0.116 52)
+    sidebar: oklch(0.98 0.005 250)
+    sidebar-foreground: oklch(0.23 0.019 262)
+    sidebar-primary: oklch(0.23 0.019 262)
+    sidebar-primary-foreground: oklch(0.99 0.005 255)
+    sidebar-accent: oklch(0.963 0.012 260)
+    sidebar-accent-foreground: oklch(0.23 0.019 262)
+    sidebar-border: oklch(0.90 0.006 255)
+    sidebar-ring: oklch(0.51 0.176 259)
+  dark:
+    background: oklch(0.17 0.012 262)
+    foreground: oklch(0.93 0.006 250)
+    card: oklch(0.20 0.013 262)
+    card-foreground: oklch(0.93 0.006 250)
+    popover: oklch(0.26 0.014 262)
+    popover-foreground: oklch(0.93 0.006 250)
+    primary: oklch(0.93 0.006 250)
+    primary-foreground: oklch(0.20 0.015 262)
+    secondary: oklch(0.24 0.013 262)
+    secondary-foreground: oklch(0.90 0.007 250)
+    muted: oklch(0.23 0.013 262)
+    muted-foreground: oklch(0.68 0.015 260)
+    accent: oklch(0.28 0.03 260)
+    accent-foreground: oklch(0.92 0.008 250)
+    destructive: oklch(0.62 0.18 30)
+    destructive-foreground: oklch(0.13 0.02 30)
+    success: oklch(0.65 0.13 150)
+    warning: oklch(0.70 0.13 60)
+    border: oklch(0.27 0.013 262)
+    input: oklch(0.27 0.013 262)
+    ring: oklch(0.62 0.15 259)
+    surface-raised: oklch(0.22 0.013 262)
+    surface-overlay: oklch(0.26 0.014 262)
+    chart-1: oklch(0.62 0.15 259)
+    chart-2: oklch(0.66 0.14 40)
+    chart-3: oklch(0.65 0.12 145)
+    chart-4: oklch(0.78 0.12 80)
+    chart-5: oklch(0.80 0.10 52)
+    sidebar: oklch(0.15 0.012 262)
+    sidebar-foreground: oklch(0.90 0.007 250)
+    sidebar-primary: oklch(0.93 0.006 250)
+    sidebar-primary-foreground: oklch(0.20 0.015 262)
+    sidebar-accent: oklch(0.23 0.015 262)
+    sidebar-accent-foreground: oklch(0.91 0.007 250)
+    sidebar-border: oklch(0.23 0.013 262)
+    sidebar-ring: oklch(0.62 0.15 259)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 38px, weight: 500, family: display }
+    h1: { size: 24px, line: 32px, weight: 500, family: sans }
+    h2: { size: 18px, line: 25px, weight: 500, family: sans }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 14px, weight: 500, family: sans, tracking: 0.02em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 4px, md: 6px, lg: 10px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.23 0.02 262 / 0.12)"
+    popover: "0 4px 12px oklch(0.23 0.02 262 / 0.08)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.26, hue-held: 262 }
+motion:
+  duration: { press: 120ms, fade: 180ms, panel: 280ms }
+  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [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: muted, positive: chart-3 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1320px }
+```

package/data/harnesses/code/skills/design/design-md/library/anthropic-claude.md

@@ -0,0 +1,203 @@
+---
+schema: design-md/v2
+id: anthropic-claude
+tier: brand
+segments: [ai, dev-tools, research]
+keywords: [warm, cream, coral, serif, editorial, dark-inlay]
+sourced: 2026-07-12
+sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; proprietary Styrene B substituted with Inter Variable (open), Copernicus/Tiempos display substituted with Cormorant Garamond (open, per the v1 entry); coral deepened one step in light for AA fills"
+license: open
+---
+
+# anthropic-claude — a reading room at golden hour
+
+## 1 Visual Theme
+A reading room at golden hour: cream paper on a walnut desk, a serif title at the head
+of the page, one terracotta bookmark, and in the corner a dark slate terminal glowing
+with mono type. Warm by default — the tinted cream canvas, never the cool gray-white
+the category defaults to. Flat: warm hairlines, type weight, and the cream surface
+ladder carry hierarchy, never heavy shadow. One coral accent reserved for the action
+that matters. The dark theme is the same room after dusk — a warm charcoal ladder, hue
+held, not an inversion.
+
+## 2 Color Roles
+Warm near-black `foreground` on the cream `background`; every neutral is tinted warm —
+a gray canvas is a different brand. `primary` is Claude coral, deepened one step from
+the marketing hex so its cream label holds AA; it carries the one primary action,
+active nav, and the text link. `accent` warms the cream for selection — selection
+warms, it does not colour. `ring` is coral, because keyboard-first. Status hues speak
+only status; teal and gold are chart graces. The dark charcoal inlay is not a page
+surface in light — it dresses code, log, and terminal panels only.
+
+## 3 Typography
+Two families carry the voice. Cormorant Garamond (the open stand-in for Copernicus /
+Tiempos) wears page and section titles at 400 with negative tracking — the serif voice
+is the brand's irreducible signature; **never bold the serif**. Inter Variable (the
+Styrene B substitute) is the body, table, and label workhorse; emphasis is weight 500,
+never 600+. JetBrains Mono carries IDs, code, timestamps, and log lines; numeric
+columns render `tabular-nums`. The 64px display stays behind in marketing.
+
+## 4 Component Stylings
+Buttons: coral `primary` fill, `radius-md` (8px), no pill; secondary is the
+`secondary` cream fill with warm hairline. Inputs: `background` fill, hairline, coral
+`ring` at 2px on focus, no glow. Cards: `card` on a warm hairline — panels read by
+their border, not brightness. Table rows: `muted` hover, selection warms to `accent`,
+mono figures. Badges: pill radius, `muted`/status fill, uppercase caption. Code, log,
+and terminal panels wear the dark inlay (`sidebar`-dark charcoal + mono) even in
+light. Detail opens in the side panel.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1280px — a
+hair more generous than a dense console. The marketing 96px rhythm stays behind.
+
+## 6 Depth
+Flat, color-block-first. The cream ladder and warm hairlines carry rank; the one soft
+warm-tinted shadow belongs to true overlays. Dark: authored ladder — `background`
+0.185 L, `surface-raised` +0.04, `surface-overlay` +0.085, hue held at 85. Focus is a
+coral `ring` outline, never a glow. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Composed, book-like. Named moments: `panel-slide` (side panel, 250ms, interruptible),
+`page-settle` (content arrival, 150ms), `coral-press` (primary-action press, 100ms).
+Physicality is granted to auth and first-run empty states only. Tables, code panels,
+and keyboard-initiated actions never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline warm
+axes, no gridline fills; categorical ramp of coral, teal, gold, green, slate-navy —
+the only place teal and gold speak. Tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Considered and warm, never exclamatory: plain verbs, honest numbers, a full sentence
+where it earns its length. "Add workspace" · "Nothing needs review — 6 runs completed
+overnight" · "This key was last rotated 94 days ago; rotate it before enabling
+production traffic."
+
+## 10 Do's & Don'ts
+Do anchor on the warm cream canvas — pure white reads as any-other-AI-tool. Do wear
+the serif with negative tracking on titles only. Do dress code and log panels in the
+dark inlay with mono. Don't bold the serif — it reads bombastic. Don't promote teal or
+gold to UI accents. Don't pill the primary CTA — pill is badges only. Don't signal
+elevation with heavy shadows or open detail in a modal when the panel fits.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet. 768:
+sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail holds. 1440:
+forms cap at 640px; breathing widens. Code and log inlays keep mono legibility at
+every breakpoint by scrolling horizontally, never wrapping.
+
+## 12 Agent Prompt Guide
+Reach for the cream canvas first — the warm tint is Claude. Spend coral once; if two
+things want it, one is not primary. Titles wear the serif at reduced scale with
+negative tracking; everything else is the humanist sans, emphasis by weight 500. Show
+real product chrome: code panels get the dark inlay, never a light mockup. Dark is
+authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.982 0.005 95)
+    foreground: oklch(0.20 0.005 100)
+    card: oklch(0.982 0.005 95)
+    card-foreground: oklch(0.20 0.005 100)
+    popover: oklch(0.99 0.005 95)
+    popover-foreground: oklch(0.20 0.005 100)
+    primary: oklch(0.54 0.115 39)
+    primary-foreground: oklch(0.985 0.007 90)
+    secondary: oklch(0.936 0.015 83)
+    secondary-foreground: oklch(0.20 0.005 100)
+    muted: oklch(0.957 0.012 80)
+    muted-foreground: oklch(0.50 0.010 92)
+    accent: oklch(0.909 0.021 82)
+    accent-foreground: oklch(0.20 0.005 100)
+    destructive: oklch(0.55 0.163 24)
+    destructive-foreground: oklch(0.985 0.007 24)
+    success: oklch(0.55 0.12 150)
+    warning: oklch(0.66 0.13 84)
+    border: oklch(0.907 0.012 68)
+    input: oklch(0.907 0.012 68)
+    ring: oklch(0.54 0.115 39)
+    surface-raised: oklch(0.988 0.005 95)
+    surface-overlay: oklch(0.99 0.005 95)
+    chart-1: oklch(0.658 0.113 39)
+    chart-2: oklch(0.60 0.10 185)
+    chart-3: oklch(0.735 0.146 84)
+    chart-4: oklch(0.62 0.11 150)
+    chart-5: oklch(0.50 0.06 270)
+    sidebar: oklch(0.97 0.008 92)
+    sidebar-foreground: oklch(0.20 0.005 100)
+    sidebar-primary: oklch(0.54 0.115 39)
+    sidebar-primary-foreground: oklch(0.985 0.007 90)
+    sidebar-accent: oklch(0.909 0.021 82)
+    sidebar-accent-foreground: oklch(0.20 0.005 100)
+    sidebar-border: oklch(0.90 0.012 78)
+    sidebar-ring: oklch(0.54 0.115 39)
+  dark:
+    background: oklch(0.185 0.005 85)
+    foreground: oklch(0.93 0.008 90)
+    card: oklch(0.215 0.006 85)
+    card-foreground: oklch(0.93 0.008 90)
+    popover: oklch(0.27 0.007 85)
+    popover-foreground: oklch(0.93 0.008 90)
+    primary: oklch(0.72 0.12 39)
+    primary-foreground: oklch(0.16 0.02 39)
+    secondary: oklch(0.25 0.007 85)
+    secondary-foreground: oklch(0.90 0.008 90)
+    muted: oklch(0.235 0.006 85)
+    muted-foreground: oklch(0.68 0.010 88)
+    accent: oklch(0.30 0.020 82)
+    accent-foreground: oklch(0.92 0.010 85)
+    destructive: oklch(0.62 0.16 25)
+    destructive-foreground: oklch(0.14 0.02 25)
+    success: oklch(0.67 0.12 150)
+    warning: oklch(0.74 0.13 84)
+    border: oklch(0.27 0.007 85)
+    input: oklch(0.27 0.007 85)
+    ring: oklch(0.72 0.12 39)
+    surface-raised: oklch(0.225 0.006 85)
+    surface-overlay: oklch(0.27 0.007 85)
+    chart-1: oklch(0.72 0.12 39)
+    chart-2: oklch(0.70 0.10 185)
+    chart-3: oklch(0.78 0.13 84)
+    chart-4: oklch(0.70 0.11 150)
+    chart-5: oklch(0.65 0.06 270)
+    sidebar: oklch(0.165 0.005 85)
+    sidebar-foreground: oklch(0.90 0.008 90)
+    sidebar-primary: oklch(0.72 0.12 39)
+    sidebar-primary-foreground: oklch(0.16 0.02 39)
+    sidebar-accent: oklch(0.22 0.006 85)
+    sidebar-accent-foreground: oklch(0.91 0.008 88)
+    sidebar-border: oklch(0.24 0.006 85)
+    sidebar-ring: oklch(0.72 0.12 39)
+typography:
+  display: { family: "Cormorant Garamond", fallback: "Georgia, serif", weights: [400, 500] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 400, family: display, tracking: -0.02em }
+    h1: { size: 28px, line: 34px, weight: 400, family: display, tracking: -0.02em }
+    h2: { size: 22px, line: 29px, weight: 400, family: display, 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: 17px, weight: 500, family: sans, tracking: 0.12em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, code] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.25 0.02 85 / 0.12)"
+    popover: "0 4px 14px oklch(0.25 0.02 85 / 0.08)"
+  dark-ladder: { background: 0.185, raised: 0.225, overlay: 0.27, hue-held: 85 }
+motion:
+  duration: { press: 100ms, fade: 150ms, panel: 250ms }
+  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 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-4 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1280px }
+```