@nurix/etna 0.19.49 → 0.19.51

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

@@ -1,207 +0,0 @@
----
-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

@@ -1,205 +0,0 @@
----
-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

@@ -1,203 +0,0 @@
----
-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 }
-```