@nurix/etna 0.19.49 → 0.19.51

package/data/harnesses/code/skills/design/design-md/variants/quiet-premium.md

@@ -1,211 +0,0 @@
----
-schema: design-md/v2
-id: quiet-premium
-tier: variant
-segments: [b2b-saas, infra]
-keywords: [premium, calm, muted, restrained, sage, soft, one-voice]
-sourced: 2026-07-12
-sources: "authored for the v2 variant roster; Hanken Grotesk specimen"
-license: open
----
-
-# quiet-premium — the client floor of a discreet asset office
-
-## 1 Visual Theme
-The client floor of a discreet asset office: honed pale stone underfoot, sage
-wool panels on the walls, brushed steel dimmed to matte, one fern by the
-window — nothing announces itself, everything is finished. Light default; the
-money shows as restraint: soft (never harsh) ink contrast, neutrals tinted
-faintly toward eucalyptus, exactly one desaturated green accent, and air —
-generous line-height and margins where louder products spend pixels on
-ornament. Dark is the same floor at dusk with the lamps low, an authored
-ladder in the same hue.
-
-## 2 Color Roles
-Soft graphite-green `foreground` on a sage-washed `background` — deliberately
-short of maximum contrast, never short of legible. `primary` is the one
-desaturated eucalyptus green, spent on the primary action, active nav, and the
-`ring`; `accent` is its pale wash for selection and hover. Status hues are
-muted to match the room: `destructive` clay-red, `success` moss, `warning`
-dry amber — chips and validation only, never chrome. The `sidebar` is one
-tone deeper than the canvas, separated by hairline, not contrast.
-
-## 3 Typography
-One voice: Hanken Grotesk for display and text alike — restraint is a single
-family carrying every register — with Fragment Mono for figures, IDs, and
-timestamps. The display register is Hanken at 30px and medium weight, never
-bold; emphasis anywhere bumps 400 → 500 and stops. Line-height runs generous
-(body 14/22) — the luxury is air between lines. Numeric columns are always
-Fragment Mono `tabular-nums`.
-
-## 4 Component Stylings
-Buttons `radius-sm`, `primary` fill for the one action, `secondary` fill +
-hairline for everything else, never a pill. Inputs are `background` fill with
-hairline `border`; focus is the quiet 2px `ring`, no glow. Cards sit flat on
-`card` behind a hairline — shadow is reserved for true overlays and even
-there stays nearly invisible. Table rows breathe (relaxed height), `muted`
-hover, `accent` selection. Detail opens in the side panel, its head set in
-the display register.
-
-## 5 Layout
-4px base. Sidebar 264/64px; topbar 60px; side panel 460/720px; content caps
-at 1280px and centers — wide margins are part of the identity. Forms run
-narrow and single-column. Density is relaxed by default and may step to
-standard on data-heavy archetypes, never to compressed.
-
-## 6 Depth
-Hairlines carry all structure in light; the two declared shadows (popover,
-overlay) are sage-tinted and so faint they read as atmosphere, not elevation.
-No card shadows, ever. Focus is the 2px `ring`. Dark expresses depth as the
-surface ladder: `background` 0.19 L, `surface-raised` +0.05, `surface-overlay`
-+0.09, hue held at 175 — raised things get lighter, never glow.
-
-## 7 Motion
-Unhurried and few. Named moments: `panel-drift` (side panel, 280ms,
-interruptible), `fade-arrive` (page content, 200ms), `press` (120ms). Easing
-is a long ease-out; nothing springs, nothing bounces. No animation on
-keyboard-initiated or high-frequency actions. Physicality is granted only to
-auth and the first-run empty state, as a slow fade, not a flourish.
-
-## 8 Iconography & Charts
-Lucide at 1.25px stroke — a lighter line than default, matching the soft ink
-— on the 16/20px grid, `muted-foreground` by default. Charts: hairline axes,
-no gridline fills, a muted five-hue ramp led by the eucalyptus (`chart-1..5`),
-tooltips on `surface-overlay` with mono numerals. No chart ever shouts; the
-data may.
-
-## 9 Voice
-Measured host: complete sentences, no urgency theater, numbers plain.
-"Add mandate" · "Nothing awaiting review — the next rebalance lands Thursday"
-· "This allocation exceeds the drafted limit; adjust it or request a second
-signature."
-
-## 10 Do's & Don'ts
-Do keep exactly one desaturated accent — if a surface wants a second color,
-it wants a hairline instead. Do spend space before spending weight. Do keep
-shadows at atmosphere level or absent. Don't push `foreground` to pure black
-— the softness is the brand. Don't bold; medium is the ceiling. Don't
-introduce saturated status colors; muted clay, moss, and amber only. Don't
-compress density below standard.
-
-## 11 Responsive
-375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
-mono figures; line-height holds. 768: sidebar collapses to the icon rail.
-1024: two-pane queue+detail holds. 1440: content stays capped at 1280px; the
-margins widen — the calm scales, the text measure doesn't.
-
-## 12 Agent Prompt Guide
-Set the room before the furniture: margins and line-height first, then
-hairlines, then ink. One family, two weights, one green — if a design wants
-more, it has drifted off-package. Prefer removing an element to muting it.
-Dark is authored — consult the block, never derive. Never let a shadow do a
-hairline's job.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.977 0.006 168)
-    foreground: oklch(0.3 0.02 175)
-    card: oklch(0.985 0.005 168)
-    card-foreground: oklch(0.3 0.02 175)
-    popover: oklch(0.988 0.005 168)
-    popover-foreground: oklch(0.3 0.02 175)
-    primary: oklch(0.43 0.07 172)
-    primary-foreground: oklch(0.975 0.006 168)
-    secondary: oklch(0.945 0.009 168)
-    secondary-foreground: oklch(0.33 0.025 172)
-    muted: oklch(0.95 0.008 168)
-    muted-foreground: oklch(0.47 0.02 172)
-    accent: oklch(0.925 0.015 168)
-    accent-foreground: oklch(0.36 0.055 172)
-    destructive: oklch(0.52 0.16 25)
-    destructive-foreground: oklch(0.975 0.006 25)
-    success: oklch(0.55 0.1 160)
-    warning: oklch(0.66 0.11 70)
-    border: oklch(0.912 0.012 168)
-    input: oklch(0.912 0.012 168)
-    ring: oklch(0.52 0.075 172)
-    surface-raised: oklch(0.985 0.005 168)
-    surface-overlay: oklch(0.988 0.005 168)
-    chart-1: oklch(0.5 0.09 172)
-    chart-2: oklch(0.55 0.07 220)
-    chart-3: oklch(0.62 0.09 90)
-    chart-4: oklch(0.55 0.06 300)
-    chart-5: oklch(0.6 0.08 40)
-    sidebar: oklch(0.963 0.008 168)
-    sidebar-foreground: oklch(0.3 0.02 175)
-    sidebar-primary: oklch(0.43 0.07 172)
-    sidebar-primary-foreground: oklch(0.975 0.006 168)
-    sidebar-accent: oklch(0.925 0.015 168)
-    sidebar-accent-foreground: oklch(0.36 0.055 172)
-    sidebar-border: oklch(0.912 0.012 168)
-    sidebar-ring: oklch(0.52 0.075 172)
-  dark:
-    background: oklch(0.19 0.012 175)
-    foreground: oklch(0.9 0.01 168)
-    card: oklch(0.22 0.013 175)
-    card-foreground: oklch(0.9 0.01 168)
-    popover: oklch(0.28 0.015 175)
-    popover-foreground: oklch(0.9 0.01 168)
-    primary: oklch(0.72 0.09 170)
-    primary-foreground: oklch(0.16 0.02 175)
-    secondary: oklch(0.26 0.014 175)
-    secondary-foreground: oklch(0.87 0.012 168)
-    muted: oklch(0.25 0.013 175)
-    muted-foreground: oklch(0.7 0.015 170)
-    accent: oklch(0.3 0.03 172)
-    accent-foreground: oklch(0.85 0.05 168)
-    destructive: oklch(0.63 0.14 25)
-    destructive-foreground: oklch(0.12 0.02 25)
-    success: oklch(0.68 0.11 160)
-    warning: oklch(0.75 0.11 70)
-    border: oklch(0.29 0.015 175)
-    input: oklch(0.29 0.015 175)
-    ring: oklch(0.72 0.09 170)
-    surface-raised: oklch(0.24 0.014 175)
-    surface-overlay: oklch(0.28 0.015 175)
-    chart-1: oklch(0.7 0.1 170)
-    chart-2: oklch(0.68 0.08 220)
-    chart-3: oklch(0.75 0.09 90)
-    chart-4: oklch(0.68 0.07 300)
-    chart-5: oklch(0.72 0.09 45)
-    sidebar: oklch(0.17 0.011 175)
-    sidebar-foreground: oklch(0.88 0.012 168)
-    sidebar-primary: oklch(0.72 0.09 170)
-    sidebar-primary-foreground: oklch(0.16 0.02 175)
-    sidebar-accent: oklch(0.25 0.02 172)
-    sidebar-accent-foreground: oklch(0.88 0.012 168)
-    sidebar-border: oklch(0.27 0.013 175)
-    sidebar-ring: oklch(0.72 0.09 170)
-typography:
-  display: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [500] }
-  sans: { family: "Hanken Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
-  mono: { family: "Fragment Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 40px, weight: 500, family: display, tracking: -0.005em }
-    h1: { size: 22px, line: 32px, weight: 500, family: sans }
-    h2: { size: 17px, line: 26px, weight: 500, family: sans }
-    body: { size: 14px, line: 22px, weight: 400, family: sans }
-    small: { size: 13px, line: 20px, weight: 400, family: sans }
-    caption: { size: 12px, line: 18px, weight: 400, family: sans }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 4px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 10px 36px oklch(0.32 0.02 172 / 0.07)"
-    popover: "0 2px 10px oklch(0.32 0.02 172 / 0.05)"
-  dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.28, hue-held: 175 }
-motion:
-  duration: { press: 120ms, fade: 200ms, panel: 280ms }
-  easing: { standard: "cubic-bezier(0.25, 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.25px, 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: success }
-layout: { base: 4px, sidebar: [264px, 64px], topbar: 60px, side-panel: [460px, 720px], content-max: 1280px }
-```

package/data/harnesses/code/skills/design/design-md/variants/terse-dense-operator.md

@@ -1,212 +0,0 @@
----
-schema: design-md/v2
-id: terse-dense-operator
-tier: variant
-segments: [ops, fintech, monitoring]
-keywords: [dense, terminal, mono, utilitarian, dark-first, cyan, cockpit]
-sourced: 2026-07-12
-sources: "authored for the v2 variant roster; JetBrains Mono specimen"
-license: open
----
-
-# terse-dense-operator — an engine control room at 03:00
-
-## 1 Visual Theme
-A container ship's engine control room at 03:00: black consoles bolted in
-rows, cyan phosphor readouts, hairline-etched panel labels, not one surface
-that reflects. Dark is the primary mood and is authored first; light is the
-daylight bridge — the same instruments with the sun on. Maximum data per
-pixel: 0–2px radius, hairlines as the only ornament, mono-forward type, no
-shadows pretending to be depth. One cyan accent marks the live thing; all
-else is instrument gray-blue.
-
-## 2 Color Roles
-Pale instrument `foreground` on near-black `background` (dark-first). Cyan
-`primary` marks the one live element — primary action, active nav, the
-`ring` — and nothing else; `accent` is its dim panel-glow tint for the
-selected row. Status hues are signal lamps: `destructive` red, `success`
-green, `warning` amber — on chips, cell states, and thresholds only, and
-they outrank the cyan when lit. The `sidebar` drops a step darker than the
-canvas; every separator is the hairline `border`, never contrast blocks.
-
-## 3 Typography
-JetBrains Mono (display and data) / IBM Plex Sans (chrome). The cockpit
-speaks mono: page titles are JetBrains Mono 700 at 20px — a stencil on a
-panel, not a headline — and every figure, ID, timestamp, and log line is
-mono with `tabular-nums`. IBM Plex Sans carries controls, labels, and body
-where mono would tire the eye. The ramp is compressed (body 13px, data 12px);
-weight changes are the only emphasis. Nothing exceeds 20px anywhere.
-
-## 4 Component Stylings
-Buttons `radius-sm` (0px), `primary` fill only on the single commit action;
-everything else is hairline-outlined `secondary` or ghost. Inputs are flat
-`background` fill with hairline `border`, focus a 2px cyan `ring` — no glow,
-no lift. Cards are hairline-bounded regions of the panel, never shadowed.
-Table rows run at maximum density with `muted` hover, `accent` selection,
-and mono numerals; column dividers are hairlines. Detail opens in a narrow
-side panel; modals confirm destructive acts and do nothing else.
-
-## 5 Layout
-4px base, spent sparingly. Sidebar 224/48px; topbar 44px; side panel
-400/560px; content runs full-bleed to 1920px — a cockpit wastes no glass.
-Gutters stay at 8–12px; density is compressed by default and never relaxes
-below standard even on empty states. Forms are narrow, label-left, built for
-the tab key.
-
-## 6 Depth
-None faked. Light theme: hairlines only; the two declared shadows are
-1px-ring outlines (tinted, near-invisible) that keep overlays legible on
-white, not elevation. Dark theme: the surface ladder is the only depth —
-`background` 0.14 L, `surface-raised` +0.04, `surface-overlay` +0.09, hue
-held at 230. Focus is the 2px `ring`; z-levels: content, sticky chrome,
-overlay. Nothing floats, nothing glows.
-
-## 7 Motion
-Near zero. Named moments: `panel-snap` (side panel, 160ms, interruptible),
-`fade-arrive` (page content, 90ms), `press` (60ms). Row hover, selection,
-sort, and every keyboard-initiated action render instantly — 0ms, by policy.
-Physicality is granted to auth alone, as a single 160ms fade. If a motion is
-noticed twice in a shift, it is too long.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, on a compact 14/16px grid, `muted-foreground` default;
-icons label systems, never decorate. Charts are instruments: hairline axes,
-no gridline fills, no area washes, the cyan-led categorical ramp
-(`chart-1..5`), tooltips on `surface-overlay` with mono numerals, thresholds
-drawn as hairline rules in status hues.
-
-## 9 Voice
-Log-terse: imperative verbs, no pleasantries, values before prose.
-"Ack alert" · "Queue empty — 0 pending, last drain 03:12:47Z" · "Write
-failed: partition 7 read-only since 02:58; retry blocked."
-
-## 10 Do's & Don'ts
-Do put a figure where prose could go. Do keep every radius at 0–2px and
-every separator a hairline. Do let status lamps outrank the cyan when lit.
-Don't shadow anything; the ladder is the only depth. Don't animate hover,
-sort, selection, or anything keyboard-initiated. Don't let mono display type
-grow past 20px — a cockpit has no headlines. Don't relax density for
-aesthetics; whitespace here is unread telemetry.
-
-## 11 Responsive
-375: sidebar → off-canvas rail, side panel → full sheet, tables keep mono
-figures and horizontal scroll — never card-ify telemetry. 768: sidebar holds
-at the 48px icon rail. 1024: two-pane queue+detail holds. 1440–1920:
-columns multiply; the grid fills all available glass, no centering cap
-below 1920px.
-
-## 12 Agent Prompt Guide
-Author dark first; light is the daylight variant of the same panel, not a
-separate look. Every surface leads with its densest useful table. Cyan on
-exactly one live element; when a status lamp lights, cyan yields. No motion
-on anything an operator repeats; 0ms is the default answer. Read the ladder
-from the block — never derive dark, never add a shadow.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.965 0.006 230)
-    foreground: oklch(0.2 0.02 235)
-    card: oklch(0.975 0.005 230)
-    card-foreground: oklch(0.2 0.02 235)
-    popover: oklch(0.98 0.005 230)
-    popover-foreground: oklch(0.2 0.02 235)
-    primary: oklch(0.42 0.09 210)
-    primary-foreground: oklch(0.97 0.006 220)
-    secondary: oklch(0.93 0.009 230)
-    secondary-foreground: oklch(0.24 0.02 233)
-    muted: oklch(0.935 0.008 230)
-    muted-foreground: oklch(0.44 0.02 233)
-    accent: oklch(0.9 0.03 210)
-    accent-foreground: oklch(0.33 0.06 215)
-    destructive: oklch(0.53 0.19 27)
-    destructive-foreground: oklch(0.97 0.006 27)
-    success: oklch(0.55 0.12 155)
-    warning: oklch(0.62 0.13 75)
-    border: oklch(0.885 0.01 230)
-    input: oklch(0.885 0.01 230)
-    ring: oklch(0.42 0.09 210)
-    surface-raised: oklch(0.975 0.005 230)
-    surface-overlay: oklch(0.98 0.005 230)
-    chart-1: oklch(0.48 0.1 210)
-    chart-2: oklch(0.55 0.12 150)
-    chart-3: oklch(0.62 0.13 75)
-    chart-4: oklch(0.52 0.12 300)
-    chart-5: oklch(0.5 0.08 255)
-    sidebar: oklch(0.945 0.007 230)
-    sidebar-foreground: oklch(0.2 0.02 235)
-    sidebar-primary: oklch(0.42 0.09 210)
-    sidebar-primary-foreground: oklch(0.97 0.006 220)
-    sidebar-accent: oklch(0.9 0.03 210)
-    sidebar-accent-foreground: oklch(0.33 0.06 215)
-    sidebar-border: oklch(0.885 0.01 230)
-    sidebar-ring: oklch(0.42 0.09 210)
-  dark:
-    background: oklch(0.14 0.01 230)
-    foreground: oklch(0.89 0.012 220)
-    card: oklch(0.17 0.011 230)
-    card-foreground: oklch(0.89 0.012 220)
-    popover: oklch(0.23 0.013 230)
-    popover-foreground: oklch(0.89 0.012 220)
-    primary: oklch(0.8 0.12 200)
-    primary-foreground: oklch(0.14 0.02 225)
-    secondary: oklch(0.22 0.012 230)
-    secondary-foreground: oklch(0.86 0.014 220)
-    muted: oklch(0.2 0.012 230)
-    muted-foreground: oklch(0.68 0.02 225)
-    accent: oklch(0.25 0.035 210)
-    accent-foreground: oklch(0.85 0.08 200)
-    destructive: oklch(0.64 0.2 25)
-    destructive-foreground: oklch(0.11 0.02 25)
-    success: oklch(0.74 0.15 155)
-    warning: oklch(0.78 0.14 75)
-    border: oklch(0.25 0.013 230)
-    input: oklch(0.25 0.013 230)
-    ring: oklch(0.8 0.12 200)
-    surface-raised: oklch(0.18 0.012 230)
-    surface-overlay: oklch(0.23 0.013 230)
-    chart-1: oklch(0.8 0.12 200)
-    chart-2: oklch(0.72 0.13 150)
-    chart-3: oklch(0.78 0.13 75)
-    chart-4: oklch(0.7 0.12 300)
-    chart-5: oklch(0.68 0.1 255)
-    sidebar: oklch(0.12 0.009 230)
-    sidebar-foreground: oklch(0.86 0.014 220)
-    sidebar-primary: oklch(0.8 0.12 200)
-    sidebar-primary-foreground: oklch(0.14 0.02 225)
-    sidebar-accent: oklch(0.19 0.015 230)
-    sidebar-accent-foreground: oklch(0.87 0.014 220)
-    sidebar-border: oklch(0.22 0.012 230)
-    sidebar-ring: oklch(0.8 0.12 200)
-typography:
-  display: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [700] }
-  sans: { family: "IBM Plex Sans", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400, 700] }
-  ramp:
-    display: { size: 20px, line: 26px, weight: 700, family: display, tracking: 0em }
-    h1: { size: 18px, line: 24px, weight: 600, family: sans }
-    h2: { size: 15px, line: 20px, weight: 600, family: sans }
-    body: { size: 13px, line: 18px, weight: 400, family: sans }
-    small: { size: 12px, line: 16px, weight: 400, family: sans }
-    caption: { size: 11px, line: 14px, weight: 500, family: sans, tracking: 0.02em }
-    data: { size: 12px, line: 18px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 0px, md: 2px, lg: 2px }
-  hairline: border
-  shadow:
-    overlay: "0 0 0 1px oklch(0.32 0.015 230 / 0.55)"
-    popover: "0 0 0 1px oklch(0.32 0.015 230 / 0.55)"
-  dark-ladder: { background: 0.14, raised: 0.18, overlay: 0.23, hue-held: 230 }
-motion:
-  duration: { press: 60ms, fade: 90ms, panel: 160ms }
-  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: [14px, 16px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: success }
-layout: { base: 4px, sidebar: [224px, 48px], topbar: 44px, side-panel: [400px, 560px], content-max: 1920px }
-```

package/data/harnesses/code/skills/design/design-md/variants/warm-approachable.md

@@ -1,216 +0,0 @@
----
-schema: design-md/v2
-id: warm-approachable
-tier: variant
-segments: [smb, hr, support]
-keywords: [warm, human, soft, rounded, terracotta, humanist, friendly]
-sourced: 2026-07-12
-sources: "authored for the v2 variant roster; Bricolage Grotesque and Nunito Sans specimens"
-license: open
----
-
-# warm-approachable — a neighborhood credit union at opening
-
-## 1 Visual Theme
-A neighborhood credit union at opening time: terracotta tile, an oak counter
-worn smooth at the corner, a hand-lettered welcome card beside the bell,
-coffee already on. Handshake software — light default, neutrals tinted
-toward clay (warm, never cream), one terracotta accent that greets rather
-than commands, gentle radius on everything you touch. The counter is still a
-counter: tables, forms, and figures stay crisp, dense-capable, and honest.
-Dark is the branch after close, lamps amber — an authored ladder, never an
-inversion.
-
-## 2 Color Roles
-Warm graphite `foreground` on a clay-washed `background` — the wash sits at
-the warm-white edge, deliberately clear of the cream band. `primary` is the
-terracotta — primary actions, active nav, the `ring`; `accent` is its peach
-wash for selection and hover. Status hues are conventional but softened:
-`destructive` red for real danger only, `success` leaf green, `warning`
-honey amber — chips and validation, never chrome. The `sidebar` warms a
-half-step below the canvas; nothing on it competes with the counter.
-
-## 3 Typography
-Bricolage Grotesque (display) / Nunito Sans (text) / Red Hat Mono (data).
-Bricolage speaks in page titles, empty states, and auth — a warm,
-characterful voice that never touches cells, buttons, labels, or form
-chrome. Nunito Sans, a humanist sans, carries all chrome and body at a
-comfortable 15px with generous line-height. Red Hat Mono owns figures, IDs,
-and timestamps with `tabular-nums`. Emphasis bumps weight, never size.
-
-## 4 Component Stylings
-Buttons `radius-md`, `primary` fill, comfortable padding — soft-cornered,
-never pill. Inputs are `background` fill with hairline `border` and
-`radius-md`; focus draws the 2px terracotta `ring`, no glow. Cards sit on
-`card` behind a hairline with the faintest clay-tinted shadow. Table rows
-run standard height with `muted` hover and `accent` selection; numerals stay
-mono. Detail opens in the side panel with a warm rule at its head; modals
-confirm, they don't host work.
-
-## 5 Layout
-4px base. Sidebar 260/64px; topbar 56px; side panel 440/680px; content caps
-at 1360px. Comfortable gutters (16–24px); density is standard, stepping
-denser on queue and table archetypes without ever feeling like a terminal.
-Forms run single-column with roomy field spacing — a form here is a
-conversation, not an interrogation.
-
-## 6 Depth
-Soft but honest: hairlines structure everything; cards may carry one faint
-clay-tinted shadow; overlays carry a slightly deeper one. Never gray-black
-shadows, never stacked elevation. Focus is the 2px `ring`. Dark expresses
-depth as the surface ladder: `background` 0.16 L, `surface-raised` +0.05,
-`surface-overlay` +0.10, hue held at 35 — the lamps get warmer, not the
-shadows deeper.
-
-## 7 Motion
-Gentle and brief. Named moments: `panel-slide` (side panel, 260ms,
-interruptible), `fade-arrive` (page content, 180ms), `press` (130ms), and
-`welcome-fade` (first-run empty state, 260ms, the one indulgence). Easing is
-a soft ease-out; nothing springs or bounces. No animation on
-keyboard-initiated or high-frequency actions — friendliness is never
-latency.
-
-## 8 Iconography & Charts
-Lucide at 1.75px stroke — slightly rounded presence to match the humanist
-type — 16/20px grid, `muted-foreground` default; nav and empty states always
-carry icons. Charts: hairline axes, no gridline fills, a warm five-hue
-categorical ramp led by terracotta (`chart-1..5`), tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Front-desk neighborly: plain words, first person welcome, no corporate
-distance, numbers stated honestly. "Add a member" · "No requests waiting —
-enjoy the quiet, or invite your team" · "We couldn't save that: the start
-date is after the end date."
-
-## 10 Do's & Don'ts
-Do keep the warmth in the neutrals and the type, not in extra color — one
-terracotta, spent once per surface. Do give forms room to breathe. Do keep
-figures mono and tables crisp — warm is not vague. Don't drift the
-background into cream; the wash stays at the clay edge, above the band.
-Don't pill buttons or inflate radius past the scale. Don't let Bricolage
-near a cell, button, or label. Don't soften error states into ambiguity —
-kindness is clarity.
-
-## 11 Responsive
-375: sidebar → sheet, side panel → full sheet, tables → stacked cards with
-mono figures; type holds at 15px — small screens get no less warmth. 768:
-sidebar collapses to the icon rail. 1024: two-pane queue+detail holds. 1440:
-content centers under the 1360px cap; empty states earn the full display
-treatment.
-
-## 12 Agent Prompt Guide
-Greet, then serve: every surface opens with its work object in Bricolage,
-then gets out of the way. Terracotta on exactly one action per surface. Keep
-the counter honest — dense tables, mono figures, clear errors — and the
-warmth in surfaces, corners, and copy. Dark is authored — consult the block,
-never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.977 0.008 30)
-    foreground: oklch(0.27 0.025 35)
-    card: oklch(0.984 0.006 30)
-    card-foreground: oklch(0.27 0.025 35)
-    popover: oklch(0.984 0.006 30)
-    popover-foreground: oklch(0.27 0.025 35)
-    primary: oklch(0.5 0.13 35)
-    primary-foreground: oklch(0.975 0.008 30)
-    secondary: oklch(0.94 0.012 30)
-    secondary-foreground: oklch(0.31 0.03 35)
-    muted: oklch(0.945 0.01 30)
-    muted-foreground: oklch(0.46 0.025 35)
-    accent: oklch(0.92 0.025 30)
-    accent-foreground: oklch(0.38 0.08 35)
-    destructive: oklch(0.53 0.19 27)
-    destructive-foreground: oklch(0.975 0.008 27)
-    success: oklch(0.57 0.12 150)
-    warning: oklch(0.65 0.13 70)
-    border: oklch(0.905 0.013 30)
-    input: oklch(0.905 0.013 30)
-    ring: oklch(0.55 0.13 35)
-    surface-raised: oklch(0.984 0.006 30)
-    surface-overlay: oklch(0.988 0.005 30)
-    chart-1: oklch(0.55 0.13 35)
-    chart-2: oklch(0.55 0.1 160)
-    chart-3: oklch(0.55 0.09 250)
-    chart-4: oklch(0.68 0.13 85)
-    chart-5: oklch(0.55 0.12 350)
-    sidebar: oklch(0.958 0.01 30)
-    sidebar-foreground: oklch(0.27 0.025 35)
-    sidebar-primary: oklch(0.5 0.13 35)
-    sidebar-primary-foreground: oklch(0.975 0.008 30)
-    sidebar-accent: oklch(0.92 0.025 30)
-    sidebar-accent-foreground: oklch(0.38 0.08 35)
-    sidebar-border: oklch(0.905 0.013 30)
-    sidebar-ring: oklch(0.55 0.13 35)
-  dark:
-    background: oklch(0.16 0.012 35)
-    foreground: oklch(0.91 0.012 35)
-    card: oklch(0.19 0.014 35)
-    card-foreground: oklch(0.91 0.012 35)
-    popover: oklch(0.26 0.016 35)
-    popover-foreground: oklch(0.91 0.012 35)
-    primary: oklch(0.72 0.13 40)
-    primary-foreground: oklch(0.15 0.02 35)
-    secondary: oklch(0.24 0.016 35)
-    secondary-foreground: oklch(0.88 0.014 35)
-    muted: oklch(0.23 0.015 35)
-    muted-foreground: oklch(0.7 0.02 38)
-    accent: oklch(0.29 0.035 35)
-    accent-foreground: oklch(0.86 0.05 40)
-    destructive: oklch(0.63 0.19 25)
-    destructive-foreground: oklch(0.12 0.02 25)
-    success: oklch(0.7 0.12 150)
-    warning: oklch(0.77 0.13 75)
-    border: oklch(0.28 0.016 35)
-    input: oklch(0.28 0.016 35)
-    ring: oklch(0.72 0.13 40)
-    surface-raised: oklch(0.21 0.015 35)
-    surface-overlay: oklch(0.26 0.016 35)
-    chart-1: oklch(0.72 0.13 40)
-    chart-2: oklch(0.7 0.1 160)
-    chart-3: oklch(0.68 0.09 250)
-    chart-4: oklch(0.8 0.12 85)
-    chart-5: oklch(0.7 0.11 350)
-    sidebar: oklch(0.14 0.011 35)
-    sidebar-foreground: oklch(0.89 0.013 35)
-    sidebar-primary: oklch(0.72 0.13 40)
-    sidebar-primary-foreground: oklch(0.15 0.02 35)
-    sidebar-accent: oklch(0.22 0.02 35)
-    sidebar-accent-foreground: oklch(0.89 0.013 35)
-    sidebar-border: oklch(0.26 0.015 35)
-    sidebar-ring: oklch(0.72 0.13 40)
-typography:
-  display: { family: "Bricolage Grotesque Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Nunito Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
-  mono: { family: "Red Hat Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 38px, weight: 600, family: display, tracking: -0.01em }
-    h1: { size: 24px, line: 32px, weight: 600, family: display }
-    h2: { size: 18px, line: 26px, weight: 700, family: sans }
-    body: { size: 15px, line: 24px, weight: 400, family: sans }
-    small: { size: 13px, line: 20px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 700, family: sans }
-    data: { size: 14px, line: 21px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 6px, md: 10px, lg: 16px }
-  hairline: border
-  shadow:
-    overlay: "0 10px 30px oklch(0.35 0.05 35 / 0.12)"
-    popover: "0 3px 12px oklch(0.35 0.05 35 / 0.09)"
-  dark-ladder: { background: 0.16, raised: 0.21, overlay: 0.26, hue-held: 35 }
-motion:
-  duration: { press: 130ms, fade: 180ms, panel: 260ms }
-  easing: { standard: "cubic-bezier(0.25, 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: muted, positive: success }
-layout: { base: 4px, sidebar: [260px, 64px], topbar: 56px, side-panel: [440px, 680px], content-max: 1360px }
-```