@nurix/etna 0.19.11 → 0.19.12

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

@@ -0,0 +1,200 @@
+---
+schema: design-md/v2
+id: sanity
+tier: brand
+segments: [dev-tools, cms, content-ops]
+keywords: [dark, near-black, achromatic, coral, electric-blue, mono, dense]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; waldenburgNormal → Space Grotesk Variable substitution (v1-documented geometric-condensed stand-in), IBM Plex Mono carried as the brand's real mono"
+license: open
+---
+
+# sanity — a nocturnal content control room, signal lights on near-black
+
+## 1 Visual Theme
+A control room after the building has gone dark: near-black consoles, silver
+readouts, a coral standby lamp resting on one panel while an electric-blue trace
+runs the wires that are live. Dark is the primary identity — the `#0b0b0b` canvas
+is the floor, not a mode toggle; a full near-white daytime theme is authored beside
+it for completeness. Effectively achromatic: the whisper of cool tint on every
+neutral is beneath perception, and hierarchy is a surface ladder, never a shadow.
+
+## 2 Color Roles
+Silver `foreground` on the near-black `background`. Two signals held to strict
+roles: coral `primary` is the one resting call-to-action, electric-blue `ring` is
+the activation trace — focus, and the sidebar's active-nav marker — and the two
+never meet in one element. `accent` is a neutral colorimetric step for hover and
+selection, never a hue wash. The `sidebar` runs the near-black control panel in
+both themes. Status hues speak only status; the neon green and magenta survive as
+chart voltage.
+
+## 3 Typography
+Space Grotesk (chrome and display, substituting waldenburgNormal) / IBM Plex Mono
+(data). Register scope: the geometric sans carries every title, control, cell, and
+byline at tight negative tracking, weight 500 the ceiling — the brand never bolds
+past it; the mono owns IDs, codes, timestamps, log lines, and the uppercase tag
+register. Numerals are always `tabular-nums`; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm`, coral `primary` fill or a `secondary` step with a hairline,
+never a pill; inputs on the `input` hairline with the electric-blue `ring` at 2px,
+no glow; cards are the elevated surface lifted off the canvas on a hairline, never
+shadowed; table rows `muted` hover, `accent` selection with a coral left-indicator;
+detail opens in the side panel beside the work; badges pill with uppercase mono
+captions, status fills only.
+
+## 5 Layout
+8px base; sidebar 248/56px; topbar 52px — the tight console band; side panel
+420/640px; content max 1440px; density dense, the marketing rhythm left behind.
+
+## 6 Depth
+Flat and colorimetric. Dark: the ladder does the work — `background` 0.15 L,
+`surface-raised` +0.06, `surface-overlay` +0.14, hue held at 265; hairlines carry
+every edge, coral marks selection, the blue ring marks focus. A faint navy-tinted
+ring lifts a true overlay only; no offset drop shadows. Light: hairlines carry
+structure, the near-black sidebar the one dark region.
+
+## 7 Motion
+Reserved and mechanical. Named moments: `panel-slide` (side panel, 220ms,
+interruptible), `fade-arrive` (page content, 150ms), `signal-press` (primary
+press, 100ms). Physicality granted only to auth and first-run empty states; tables,
+the log stream, and keyboard actions are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the signal palette returns here — coral, electric blue,
+neon green, magenta, amber categorical (`chart-1..5`); monochrome sequential
+canvas→blue; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+System-readout terse: lowercase-plain sentences, exact counts, no exclamation.
+"Publish" · "Queue clear — last document synced 4m ago" · "Draft failed schema
+validation on 2 fields; publishing is blocked."
+
+## 10 Do's & Don'ts
+Do anchor every surface on the near-black canvas and keep the neutral ramp cool and
+quiet. Do spend coral once — one resting action per surface — and let the blue ring
+own activation. Don't mix the two signals in one element. Don't promote neon green
+or magenta out of charts. Don't pill a control, bold past 500, or signal elevation
+with a drop shadow.
+
+## 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, log streams and dashboards run the full width.
+
+## 12 Agent Prompt Guide
+Anchor on the near-black canvas; the light theme is the daytime counterpart, never
+the home. Two signals, strict roles: coral is the one resting action, blue is focus
+and active-nav — if they meet, one is wrong. Every ID, code, and tag rides IBM Plex
+Mono; the sans caps at weight 500. Depth is surface and hairline — consult the
+block, never derive dark from light.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.985 0.005 265)
+    foreground: oklch(0.22 0.006 265)
+    card: oklch(0.995 0.004 265)
+    card-foreground: oklch(0.22 0.006 265)
+    popover: oklch(0.995 0.004 265)
+    popover-foreground: oklch(0.22 0.006 265)
+    primary: oklch(0.66 0.183 27.5)
+    primary-foreground: oklch(1 0 27.5)
+    secondary: oklch(0.96 0.006 265)
+    secondary-foreground: oklch(0.28 0.006 265)
+    muted: oklch(0.96 0.006 265)
+    muted-foreground: oklch(0.5 0.008 265)
+    accent: oklch(0.945 0.006 265)
+    accent-foreground: oklch(0.26 0.006 265)
+    destructive: oklch(0.55 0.221 29.2)
+    destructive-foreground: oklch(0.985 0.012 29.2)
+    success: oklch(0.58 0.14 157)
+    warning: oklch(0.7 0.15 70.1)
+    border: oklch(0.9 0.006 265)
+    input: oklch(0.9 0.006 265)
+    ring: oklch(0.513 0.244 262.4)
+    surface-raised: oklch(0.99 0.004 265)
+    surface-overlay: oklch(0.995 0.004 265)
+    chart-1: oklch(0.6 0.19 27.5)
+    chart-2: oklch(0.513 0.244 262.4)
+    chart-3: oklch(0.6 0.19 142.1)
+    chart-4: oklch(0.6 0.27 326.2)
+    chart-5: oklch(0.65 0.16 70.1)
+    sidebar: oklch(0.2 0.006 265)
+    sidebar-foreground: oklch(0.9 0.005 265)
+    sidebar-primary: oklch(0.58 0.22 262.4)
+    sidebar-primary-foreground: oklch(0.98 0.01 262.4)
+    sidebar-accent: oklch(0.27 0.006 265)
+    sidebar-accent-foreground: oklch(0.9 0.005 265)
+    sidebar-border: oklch(0.29 0.006 265)
+    sidebar-ring: oklch(0.58 0.22 262.4)
+  dark:
+    background: oklch(0.15 0.006 265)
+    foreground: oklch(0.98 0.004 265)
+    card: oklch(0.248 0.006 265)
+    card-foreground: oklch(0.98 0.004 265)
+    popover: oklch(0.29 0.006 265)
+    popover-foreground: oklch(0.98 0.004 265)
+    primary: oklch(0.682 0.178 27.5)
+    primary-foreground: oklch(1 0 27.5)
+    secondary: oklch(0.248 0.006 265)
+    secondary-foreground: oklch(0.9 0.005 265)
+    muted: oklch(0.248 0.006 265)
+    muted-foreground: oklch(0.75 0.006 265)
+    accent: oklch(0.329 0.006 265)
+    accent-foreground: oklch(0.9 0.005 265)
+    destructive: oklch(0.6 0.221 29.2)
+    destructive-foreground: oklch(0.98 0.012 29.2)
+    success: oklch(0.754 0.163 156.9)
+    warning: oklch(0.769 0.165 70.1)
+    border: oklch(0.329 0.006 265)
+    input: oklch(0.329 0.006 265)
+    ring: oklch(0.58 0.22 262.4)
+    surface-raised: oklch(0.21 0.006 265)
+    surface-overlay: oklch(0.29 0.006 265)
+    chart-1: oklch(0.682 0.178 27.5)
+    chart-2: oklch(0.58 0.22 262.4)
+    chart-3: oklch(0.761 0.256 142.1)
+    chart-4: oklch(0.687 0.319 326.2)
+    chart-5: oklch(0.769 0.165 70.1)
+    sidebar: oklch(0.13 0.006 265)
+    sidebar-foreground: oklch(0.9 0.005 265)
+    sidebar-primary: oklch(0.58 0.22 262.4)
+    sidebar-primary-foreground: oklch(0.98 0.01 262.4)
+    sidebar-accent: oklch(0.2 0.006 265)
+    sidebar-accent-foreground: oklch(0.9 0.005 265)
+    sidebar-border: oklch(0.24 0.006 265)
+    sidebar-ring: oklch(0.58 0.22 262.4)
+typography:
+  display: { family: "Space Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  sans: { family: "Space Grotesk Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400, 500] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: -0.02em }
+    h2: { size: 20px, line: 26px, weight: 500, family: sans, tracking: -0.01em }
+    body: { size: 15px, line: 22px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 500, family: mono, tracking: 0.04em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, tags] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.12 0.02 265 / 0.5)"
+    popover: "0 4px 16px oklch(0.12 0.02 265 / 0.4)"
+  dark-ladder: { background: 0.15, raised: 0.21, overlay: 0.29, hue-held: 265 }
+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-2 }
+  diverging: { negative: destructive, mid: muted, positive: success }
+layout: { base: 8px, sidebar: [248px, 56px], topbar: 52px, side-panel: [420px, 640px], content-max: 1440px }
+```

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

@@ -0,0 +1,201 @@
+---
+schema: design-md/v2
+id: sentry
+tier: brand
+segments: [dev-tools, monitoring, observability]
+keywords: [violet, lime, console, developer, uppercase, dark-console]
+sourced: 2026-07-12
+sources: "design-md/v1 sentry entry (2026-07-04); 2026-07-12 re-audit of sentry.io public identity. Rubik is the brand's own open UI face; proprietary Monaco substituted with JetBrains Mono (closest open mono)."
+license: open
+---
+
+# sentry — an incident room at 2 a.m.
+
+## 1 Visual Theme
+A fluorescent-lit incident room at 2 a.m.: white workbenches, a near-black violet
+terminal window open on every screen, one lime highlighter capping the failing line.
+Light by default — the brand's white transactional polarity, not its dark marketing
+hero; flat, with cool violet-leaning hairlines carrying the grid. The dark theme is
+the iconic violet console, an authored ladder, not inverted paper. Density standard,
+dense-capable from the console heritage.
+
+## 2 Color Roles
+Deep ink-violet `foreground` on the white `background`; the single accent is the
+authoritative midnight-violet `primary` — the near-black button that reads strongest
+on either polarity, never softened to a bright brand-violet. `accent` is a faint
+violet wash for selected rows and nav only. `ring` is the one documented focus blue,
+reserved for keyboard focus. Lime and pink live in `chart-2`/`chart-3` and one scarce
+highlight glyph per viewport — never a button, a fill, or body text. Status hues
+(`destructive`, `success`, `warning`) speak only status.
+
+## 3 Typography
+Rubik (UI) / JetBrains Mono (code, logs, telemetry). The brand signature is uppercase
+caps with wide tracking on buttons and eyebrows — a console-prompt cadence on the
+caption step. Register scope: the display register is Rubik at page-title weight only
+(the chunky marketing display stays behind); mono owns every ID, timestamp, stack
+trace, and log line. Numeric columns are always `tabular-nums`; emphasis bumps
+weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-md`, `primary` fill, uppercase tracked label, no pill; inputs
+hairline `input` border with the blue `ring` focus, no glow; cards on `card` with a
+hairline, shadow only for true overlays; table rows dense with `muted` hover and
+`accent` selection; code and log panels invert to the near-black violet inlay
+(`sidebar`-family surfaces) with mono text; badges hairline with `muted`/status fill
+and uppercase caption.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 56px; side panel 420/640px; content max 1280px;
+tables full-width. The 96px marketing rhythm stays behind — chrome is tight, the
+density lives in the data.
+
+## 6 Depth
+Light: flat — hairlines and type weight carry hierarchy; shadow only on overlays,
+violet-tinted, never gray-black. Dark: the authored console ladder — `background`
+0.22 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 296; hairlines
+lighten one step, shadow stays minimal because the ladder does the work.
+
+## 7 Motion
+Quick and mechanical, like a console. Named moments: `row-resolve` (issue-row state
+change, 140ms fade), `panel-slide` (side panel, 220ms, interruptible), `primary-press`
+(100ms). Physicality is granted only to auth and the first-run empty state. Nothing
+animates in tables, log streams, or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the categorical ramp runs violet → lime → pink → blue →
+amber (`chart-1..5`) — the brand's chart-only voltage; tooltips on `surface-overlay`
+with mono numerals.
+
+## 9 Voice
+Terse engineer-to-engineer: verbs first, stack-trace plain, no cheer. "Resolve issue" ·
+"No unresolved events — next digest at 09:00" · "This alert rule overlaps an existing
+rule; merge them or narrow the filter."
+
+## 10 Do's & Don'ts
+Do reserve midnight-violet `primary` for the one action and active nav — the
+near-black is the point. Do keep buttons and eyebrows uppercase with wide tracking.
+Do dress code and log panels in the dark violet inlay with mono. Don't make lime a
+fill or a success color — it is one highlight glyph per viewport plus `chart-2`.
+Don't promote pink or bright violet to chrome. Don't pill the CTA; don't blend the
+two polarities on one band; don't signal rank with heavy shadow.
+
+## 11 Responsive
+375: sidebar → drawer, side panel → full sheet, log inlays scroll horizontally, never
+wrap. 768: sidebar collapses to the icon rail; tables scroll overflow. 1024/1440:
+two-pane queue+detail holds; dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Reach for the white transactional canvas first; the violet console is the dark theme,
+not the default. Spend `primary` once. Uppercase-track every button and eyebrow.
+Every ID and timestamp is mono; every numeric column tabular. Lime appears once per
+viewport or not at all. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.985 0.006 300)
+    foreground: oklch(0.23 0.055 296)
+    card: oklch(0.995 0.005 300)
+    card-foreground: oklch(0.23 0.055 296)
+    popover: oklch(0.995 0.005 300)
+    popover-foreground: oklch(0.23 0.055 296)
+    primary: oklch(0.19 0.04 296)
+    primary-foreground: oklch(0.98 0.007 300)
+    secondary: oklch(0.962 0.01 299)
+    secondary-foreground: oklch(0.26 0.05 296)
+    muted: oklch(0.955 0.008 299)
+    muted-foreground: oklch(0.5 0.029 300)
+    accent: oklch(0.929 0.021 298)
+    accent-foreground: oklch(0.26 0.055 296)
+    destructive: oklch(0.586 0.222 17.6)
+    destructive-foreground: oklch(0.99 0.005 17)
+    success: oklch(0.627 0.17 149)
+    warning: oklch(0.666 0.157 58)
+    border: oklch(0.925 0.007 296)
+    input: oklch(0.86 0.014 290)
+    ring: oklch(0.623 0.188 260)
+    surface-raised: oklch(0.99 0.005 300)
+    surface-overlay: oklch(0.995 0.005 300)
+    chart-1: oklch(0.49 0.19 296)
+    chart-2: oklch(0.89 0.19 124)
+    chart-3: oklch(0.75 0.16 359)
+    chart-4: oklch(0.62 0.19 260)
+    chart-5: oklch(0.67 0.16 58)
+    sidebar: oklch(0.975 0.008 299)
+    sidebar-foreground: oklch(0.23 0.055 296)
+    sidebar-primary: oklch(0.19 0.04 296)
+    sidebar-primary-foreground: oklch(0.98 0.007 300)
+    sidebar-accent: oklch(0.929 0.021 298)
+    sidebar-accent-foreground: oklch(0.26 0.055 296)
+    sidebar-border: oklch(0.92 0.008 296)
+    sidebar-ring: oklch(0.623 0.188 260)
+  dark:
+    background: oklch(0.22 0.045 296)
+    foreground: oklch(0.93 0.01 300)
+    card: oklch(0.26 0.045 296)
+    card-foreground: oklch(0.93 0.01 300)
+    popover: oklch(0.32 0.045 296)
+    popover-foreground: oklch(0.93 0.01 300)
+    primary: oklch(0.93 0.02 300)
+    primary-foreground: oklch(0.2 0.04 296)
+    secondary: oklch(0.3 0.045 296)
+    secondary-foreground: oklch(0.9 0.012 300)
+    muted: oklch(0.29 0.045 296)
+    muted-foreground: oklch(0.72 0.025 300)
+    accent: oklch(0.32 0.06 296)
+    accent-foreground: oklch(0.93 0.015 300)
+    destructive: oklch(0.62 0.21 18)
+    destructive-foreground: oklch(0.14 0.02 18)
+    success: oklch(0.72 0.17 149)
+    warning: oklch(0.75 0.15 58)
+    border: oklch(0.34 0.045 296)
+    input: oklch(0.34 0.045 296)
+    ring: oklch(0.68 0.17 260)
+    surface-raised: oklch(0.27 0.045 296)
+    surface-overlay: oklch(0.32 0.045 296)
+    chart-1: oklch(0.65 0.15 296)
+    chart-2: oklch(0.89 0.19 124)
+    chart-3: oklch(0.75 0.16 359)
+    chart-4: oklch(0.68 0.15 260)
+    chart-5: oklch(0.75 0.14 58)
+    sidebar: oklch(0.19 0.045 296)
+    sidebar-foreground: oklch(0.9 0.015 300)
+    sidebar-primary: oklch(0.93 0.02 300)
+    sidebar-primary-foreground: oklch(0.2 0.04 296)
+    sidebar-accent: oklch(0.26 0.05 296)
+    sidebar-accent-foreground: oklch(0.92 0.015 300)
+    sidebar-border: oklch(0.28 0.045 296)
+    sidebar-ring: oklch(0.68 0.17 260)
+typography:
+  display: { family: "Rubik Variable", fallback: "-apple-system, system-ui, sans-serif", weights: [600] }
+  sans: { family: "Rubik Variable", fallback: "-apple-system, system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, Menlo, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: sans }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans }
+    h2: { size: 20px, line: 26px, weight: 600, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 19px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.015em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { sans: [chrome, controls, body, page-title], mono: [data, ids, timestamps, logs, stack-traces] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.22 0.05 296 / 0.16)"
+    popover: "0 4px 14px oklch(0.22 0.05 296 / 0.12)"
+  dark-ladder: { background: 0.22, raised: 0.27, overlay: 0.32, hue-held: 296 }
+motion:
+  duration: { press: 100ms, fade: 140ms, 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: success }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
+```

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

@@ -0,0 +1,202 @@
+---
+schema: design-md/v2
+id: shopify
+tier: brand
+segments: [commerce, smb, admin]
+keywords: [cream, mint, pill, editorial, warm, black-ink]
+sourced: 2026-07-12
+sources: "design-md/v1 shopify entry (2026-07-04); 2026-07-12 re-audit of shopify.com public identity. Proprietary Neue Haas Grotesk display stays behind per v1; operator face is Inter (v1-documented workhorse); mono derived as IBM Plex Mono (brand ships none)."
+license: open
+---
+
+# shopify — an indie storefront on opening day
+
+## 1 Visual Theme
+A well-lit indie storefront on opening day: cream kraft paper on the counter, crisp
+white price cards, a mint "open" sign in the window, prices inked in pure black.
+Light by default; the cream `background` under white `card` panels is the brand's
+editorial warmth, and white cards lift on a soft layered paper-halo shadow — the one
+departure from flat. Comfortable standard density; the pill button carries in from
+the brand. The dark theme is the shop after hours — warm charcoal, same layering.
+
+## 2 Color Roles
+Pure black `foreground` and `primary` — black is ink, a neutral, not a second color.
+The single chromatic accent is the aloe-mint `accent`: a fill for selection, growth,
+and the featured tier, never behind type and never a status color. The text ladder
+runs cool zinc against the warm cream canvas — that temperature split is the
+signature. Status reads on the saturated `success` / `warning` / `destructive` only.
+`ring` matches `primary`: an unmistakable black outline.
+
+## 3 Typography
+Inter carries everything — body, tables, labels, headings — so one sans serves dense
+chrome; IBM Plex Mono takes IDs, codes, and timestamps. Headings track slightly
+open, the editorial voice running opposite to tight-tracked operator defaults; apply
+the `ss03` stylistic set at the root so it rides every role. Register scope: no
+display face — the thin marketing display stays behind; mono owns data. Numeric
+columns are `tabular-nums`; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons are pills — the brand's non-negotiable override of the no-pill default:
+`primary` black pill, secondary white pill with hairline `border`, featured takes the
+`accent` mint fill with black ink. Inputs on `card` fill with hairline `border` and
+the black `ring` focus. Cards white on cream with a hairline plus the layered paper
+halo. Table rows hairline grid, `muted` hover, `accent` selection tint. Detail opens
+in the side panel. Badges hairline with `muted`/status fill, uppercase caption —
+mint marks featured, never status.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 56px; side panel 440/640px; content max 1200px;
+card and section insets run generous — the brand pads comfortably — but the global
+tier stays standard.
+
+## 6 Depth
+The paper halo carries hierarchy: canvas flat, white cards lifted on many tiny
+low-opacity green-tinted shadows (never one hard drop), overlays one step up. Rank is
+border, position, and the soft halo. Dark: the authored ladder — `background` 0.17 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, warm hue held at 106 — with the halo
+dimmed to a whisper.
+
+## 7 Motion
+Comfortable and unhurried, never springy. Named moments: `card-settle` (card entry,
+180ms fade), `panel-slide` (side panel, 260ms, interruptible), `pill-press` (primary
+action, 120ms). Physicality is granted only to first-run onboarding and the empty
+storefront state. Nothing animates in tables or keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; categorical ramp leads with commerce green then mint, amber,
+slate-blue, warm red (`chart-1..5`); tooltips on `surface-overlay` with mono
+numerals.
+
+## 9 Voice
+A helpful shopkeeper: plain verbs, merchant-first nouns, quietly encouraging without
+exclamation. "Add product" · "No orders yet today — your store opened 2 hours ago" ·
+"This discount overlaps an active one; customers get whichever is larger."
+
+## 10 Do's & Don'ts
+Do pill every button — this brand overrides the no-pill default. Do layer white cards
+on the cream canvas and lift them with the paper halo, never a hard drop. Do keep
+`ss03` at the root and headings tracked open. Don't use the pale mint as a status
+color or behind type. Don't promote a second chromatic accent. Don't bring the
+cinematic black canvas or thin display type into operator chrome.
+
+## 11 Responsive
+375: sidebar → drawer, side panel → full sheet, card grids stack. 768: sidebar
+collapses to the icon rail; tables scroll overflow. 1024/1440: two-pane queue+detail
+holds; forms cap, dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Cream page, white cards, black ink, one mint fill — in that order. The primary action
+is a black pill; if two things want mint, one is not featured. Keep the zinc text
+ladder cool against the warm cream. Every numeric column tabular, every ID mono.
+Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.986 0.008 106)
+    foreground: oklch(0 0 0)
+    card: oklch(0.995 0.005 106)
+    card-foreground: oklch(0 0 0)
+    popover: oklch(0.995 0.005 106)
+    popover-foreground: oklch(0 0 0)
+    primary: oklch(0 0 0)
+    primary-foreground: oklch(0.99 0.005 106)
+    secondary: oklch(0.965 0.005 286)
+    secondary-foreground: oklch(0.25 0.006 286)
+    muted: oklch(0.955 0.005 286)
+    muted-foreground: oklch(0.5 0.014 286)
+    accent: oklch(0.938 0.079 155)
+    accent-foreground: oklch(0.22 0.04 160)
+    destructive: oklch(0.572 0.21 32)
+    destructive-foreground: oklch(0.99 0.005 32)
+    success: oklch(0.533 0.108 168)
+    warning: oklch(0.555 0.146 49)
+    border: oklch(0.92 0.005 286)
+    input: oklch(0.92 0.005 286)
+    ring: oklch(0 0 0)
+    surface-raised: oklch(0.99 0.006 106)
+    surface-overlay: oklch(0.995 0.005 106)
+    chart-1: oklch(0.533 0.108 168)
+    chart-2: oklch(0.79 0.12 155)
+    chart-3: oklch(0.67 0.13 75)
+    chart-4: oklch(0.55 0.1 240)
+    chart-5: oklch(0.55 0.16 25)
+    sidebar: oklch(0.975 0.008 106)
+    sidebar-foreground: oklch(0.15 0.008 106)
+    sidebar-primary: oklch(0 0 0)
+    sidebar-primary-foreground: oklch(0.99 0.005 106)
+    sidebar-accent: oklch(0.938 0.079 155)
+    sidebar-accent-foreground: oklch(0.22 0.04 160)
+    sidebar-border: oklch(0.92 0.006 106)
+    sidebar-ring: oklch(0 0 0)
+  dark:
+    background: oklch(0.17 0.006 106)
+    foreground: oklch(0.96 0.01 106)
+    card: oklch(0.21 0.007 106)
+    card-foreground: oklch(0.96 0.01 106)
+    popover: oklch(0.27 0.008 106)
+    popover-foreground: oklch(0.96 0.01 106)
+    primary: oklch(0.96 0.008 106)
+    primary-foreground: oklch(0.17 0.006 106)
+    secondary: oklch(0.26 0.007 106)
+    secondary-foreground: oklch(0.92 0.008 106)
+    muted: oklch(0.25 0.007 106)
+    muted-foreground: oklch(0.7 0.01 106)
+    accent: oklch(0.32 0.05 160)
+    accent-foreground: oklch(0.93 0.06 155)
+    destructive: oklch(0.62 0.19 32)
+    destructive-foreground: oklch(0.14 0.02 32)
+    success: oklch(0.68 0.12 165)
+    warning: oklch(0.72 0.13 60)
+    border: oklch(0.3 0.008 106)
+    input: oklch(0.3 0.008 106)
+    ring: oklch(0.96 0.008 106)
+    surface-raised: oklch(0.22 0.007 106)
+    surface-overlay: oklch(0.27 0.008 106)
+    chart-1: oklch(0.68 0.12 168)
+    chart-2: oklch(0.85 0.1 155)
+    chart-3: oklch(0.75 0.12 75)
+    chart-4: oklch(0.65 0.09 240)
+    chart-5: oklch(0.65 0.14 25)
+    sidebar: oklch(0.15 0.006 106)
+    sidebar-foreground: oklch(0.93 0.01 106)
+    sidebar-primary: oklch(0.96 0.008 106)
+    sidebar-primary-foreground: oklch(0.17 0.006 106)
+    sidebar-accent: oklch(0.24 0.03 160)
+    sidebar-accent-foreground: oklch(0.93 0.06 155)
+    sidebar-border: oklch(0.26 0.007 106)
+    sidebar-ring: oklch(0.96 0.008 106)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600], features: [ss03] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: sans, tracking: 0.005em }
+    h1: { size: 24px, line: 29px, weight: 600, family: sans, tracking: 0.005em }
+    h2: { size: 20px, line: 26px, weight: 600, family: sans, tracking: 0.005em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 15px, weight: 600, family: sans, tracking: 0.06em, transform: uppercase }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { sans: [chrome, controls, body, page-title], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px, pill: 9999px }
+  hairline: border
+  shadow:
+    card: "0 1px 2px oklch(0.35 0.03 160 / 0.05), 0 2px 6px oklch(0.35 0.03 160 / 0.05), 0 6px 16px oklch(0.35 0.03 160 / 0.06)"
+    overlay: "0 8px 28px oklch(0.35 0.03 160 / 0.14)"
+    popover: "0 4px 14px oklch(0.35 0.03 160 / 0.1)"
+  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.27, hue-held: 106 }
+motion:
+  duration: { press: 120ms, fade: 180ms, panel: 260ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [first-run-onboarding, empty-storefront]
+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-1 }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1200px }
+```