@nurix/etna 0.19.11 → 0.19.12

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

@@ -0,0 +1,196 @@
+---
+schema: design-md/v2
+id: stripe
+tier: brand
+segments: [fintech, payments, api]
+keywords: [polished, indigo, navy, cool, gradient, developer, tabular]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Söhne → Inter Variable substitution (v1-documented), IBM Plex Mono for the derived mono; gradient-mesh palette carried only into charts"
+license: open
+---
+
+# stripe — a cool-lit payments desk, one indigo switch
+
+## 1 Visual Theme
+A payments operations desk under cool daylight: white paper on a faintly blue-tinted
+field, money figures aligned in tabular columns, a single indigo switch lit for the
+one action that commits. Light default; the dark theme is an authored navy ladder,
+not inverted paper. The one departure from pure-flat carries — cards lift on a soft
+blue-tinted shadow, never gray, so depth reads cool and engineered. The gradient
+mesh stays at marketing scale, surviving only in charts.
+
+## 2 Color Roles
+Deep-navy `foreground` on white `background`, never pure black; the temperature runs
+cool throughout, hairlines leaning blue and the `input` edge cooler still. `primary`
+indigo is the single chromatic accent — the one primary action, active nav, inline
+link emphasis — and the focus `ring` holds it. `accent` is a pale indigo wash for
+selection. Status hues speak only status; the gradient stops live in charts. The
+`sidebar` holds a cool off-white a half-step below the canvas.
+
+## 3 Typography
+Inter (chrome and display, substituting Söhne) / IBM Plex Mono (data). Register
+scope: the sans is thin and editorial, negative tracking on headings, weight 600 the
+ceiling — a thin brand never goes heavy; the mono owns IDs, codes, timestamps, and
+every money cell. Numerals are always `tabular-nums` — the quiet financial-data
+signal that carries strongest; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-md`, indigo `primary` fill, rounded never pilled; inputs on the cool
+`input` hairline, the indigo `ring` at 2px without glow; cards on a hairline lifting
+on the soft blue-tinted shadow — the one elevation cue; table rows `muted` hover,
+`accent` selection, tabular money columns; detail opens in the side panel beside the
+work; badges take the one controlled pill, status fills only, never `primary`.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1360px;
+density standard — clean and moderate, the marketing bands left behind.
+
+## 6 Depth
+Subtly lifted and cool. Light: hairlines and the surface ladder carry structure; the
+one signature is the soft blue-tinted card shadow (`shadow`), a deeper blue-tint for
+overlays — rank is border, position, and that one soft lift, never a heavier shadow.
+Dark: the authored ladder does the depth — `background` 0.19 L, `surface-raised`
++0.05, `surface-overlay` +0.10, hue held at 262.
+
+## 7 Motion
+Calm and precise. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `commit-press` (primary press, 120ms).
+Physicality granted only to auth and first-run empty states; tables and money
+columns never animate; keyboard actions are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the gradient palette returns only here — indigo, sherbet,
+cream, ruby, lavender categorical (`chart-1..5`); monochrome sequential canvas→indigo;
+tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Precise and unhurried: exact figures, no exclamation, plain verbs. "Create payment" ·
+"No disputes open — last payout cleared 2h ago" · "This refund exceeds the available
+balance; top up before retrying."
+
+## 10 Do's & Don'ts
+Do reserve indigo for the single committing action and inline links — one filled
+control per view. Do keep ink deep navy, the temperature cool, and money always
+tabular. Do lift a card on the soft blue-tinted shadow, never a gray one. Don't pill
+the CTA, promote a second chromatic accent, or bring the gradient mesh past charts.
+
+## 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, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Lead every list with its table; spend the indigo once — links and the one primary
+action, nothing else. Keep ink deep navy, the field cool, every money column tabular
+in IBM Plex Mono. Lift on the blue-tinted shadow. Dark is the authored navy ladder —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(1 0 258)
+    foreground: oklch(0.259 0.054 250.7)
+    card: oklch(1 0 258)
+    card-foreground: oklch(0.259 0.054 250.7)
+    popover: oklch(1 0 258)
+    popover-foreground: oklch(0.259 0.054 250.7)
+    primary: oklch(0.521 0.268 277.4)
+    primary-foreground: oklch(1 0 277.4)
+    secondary: oklch(0.981 0.005 248)
+    secondary-foreground: oklch(0.3 0.05 258)
+    muted: oklch(0.981 0.005 248)
+    muted-foreground: oklch(0.53 0.046 259)
+    accent: oklch(0.949 0.024 288.5)
+    accent-foreground: oklch(0.462 0.23 276.9)
+    destructive: oklch(0.609 0.228 10.8)
+    destructive-foreground: oklch(0.985 0.01 10.8)
+    success: oklch(0.552 0.123 156.9)
+    warning: oklch(0.569 0.152 48.8)
+    border: oklch(0.929 0.01 252.8)
+    input: oklch(0.83 0.015 250)
+    ring: oklch(0.521 0.268 277.4)
+    surface-raised: oklch(1 0 258)
+    surface-overlay: oklch(1 0 258)
+    chart-1: oklch(0.55 0.25 277.4)
+    chart-2: oklch(0.7 0.15 350)
+    chart-3: oklch(0.75 0.12 60)
+    chart-4: oklch(0.65 0.18 10)
+    chart-5: oklch(0.6 0.14 300)
+    sidebar: oklch(0.981 0.005 248)
+    sidebar-foreground: oklch(0.3 0.05 258)
+    sidebar-primary: oklch(0.521 0.268 277.4)
+    sidebar-primary-foreground: oklch(1 0 277.4)
+    sidebar-accent: oklch(0.949 0.024 288.5)
+    sidebar-accent-foreground: oklch(0.462 0.23 276.9)
+    sidebar-border: oklch(0.92 0.01 252.8)
+    sidebar-ring: oklch(0.521 0.268 277.4)
+  dark:
+    background: oklch(0.19 0.014 262)
+    foreground: oklch(0.95 0.01 262)
+    card: oklch(0.22 0.014 262)
+    card-foreground: oklch(0.95 0.01 262)
+    popover: oklch(0.27 0.014 262)
+    popover-foreground: oklch(0.95 0.01 262)
+    primary: oklch(0.6 0.25 277.4)
+    primary-foreground: oklch(0.99 0.01 277.4)
+    secondary: oklch(0.24 0.014 262)
+    secondary-foreground: oklch(0.9 0.012 262)
+    muted: oklch(0.23 0.013 262)
+    muted-foreground: oklch(0.68 0.02 262)
+    accent: oklch(0.3 0.05 277.4)
+    accent-foreground: oklch(0.92 0.02 288.5)
+    destructive: oklch(0.64 0.22 10.8)
+    destructive-foreground: oklch(0.14 0.02 10.8)
+    success: oklch(0.66 0.13 156.9)
+    warning: oklch(0.74 0.15 60)
+    border: oklch(0.27 0.014 262)
+    input: oklch(0.27 0.014 262)
+    ring: oklch(0.6 0.25 277.4)
+    surface-raised: oklch(0.24 0.014 262)
+    surface-overlay: oklch(0.29 0.014 262)
+    chart-1: oklch(0.65 0.24 277.4)
+    chart-2: oklch(0.76 0.14 350)
+    chart-3: oklch(0.82 0.11 60)
+    chart-4: oklch(0.7 0.18 10)
+    chart-5: oklch(0.68 0.14 300)
+    sidebar: oklch(0.16 0.022 262)
+    sidebar-foreground: oklch(0.9 0.012 262)
+    sidebar-primary: oklch(0.6 0.25 277.4)
+    sidebar-primary-foreground: oklch(0.99 0.01 277.4)
+    sidebar-accent: oklch(0.24 0.03 277.4)
+    sidebar-accent-foreground: oklch(0.92 0.02 288.5)
+    sidebar-border: oklch(0.22 0.022 262)
+    sidebar-ring: oklch(0.6 0.25 277.4)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.02em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 600, family: sans, tracking: 0.02em, transform: uppercase }
+    data: { size: 14px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, amounts] }
+elevation:
+  radius: { sm: 4px, md: 6px, lg: 10px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.259 0.054 250 / 0.12)"
+    popover: "0 4px 16px oklch(0.259 0.054 250 / 0.1)"
+  dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.29, hue-held: 262 }
+motion:
+  duration: { press: 120ms, fade: 160ms, panel: 240ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.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: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,196 @@
+---
+schema: design-md/v2
+id: supabase
+tier: brand
+segments: [dev-tools, database, backend]
+keywords: [white, emerald, green, near-black, database, mono, minimal]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Circular → DM Sans Variable substitution (closest open geometric-humanist stand-in), IBM Plex Mono for the v1 system-mono stack; the rich logo palette carried only into charts"
+license: open
+---
+
+# supabase — a white-canvas database console, one emerald voltage
+
+## 1 Visual Theme
+A quietly-technical database console on committed white paper: near-black ink, tables
+and log streams doing the decorative work, and one emerald voltage lit on the single
+action that commits. Light default — the white-canvas commitment is the brand, no
+atmospheric gradient; the dark theme is an authored near-black ladder. Flat: a fine
+greyscale hairline ladder and type weight carry hierarchy, never heavy shadow. Code,
+log, and SQL panels wear a near-black inlay even in the light theme — the developer DNA.
+
+## 2 Color Roles
+Near-black `foreground` on white `background`, never pure black; the neutral ramp is a
+calibrated greyscale carrying an imperceptible emerald whisper. `primary` emerald is
+the only chromatic event on a surface — the one action, the focus `ring`, the
+active-nav indicator — worn with near-black `primary-foreground`, the idiosyncratic
+"lit" green button, dark type on green, never white. `accent` is a neutral grey lift,
+never coloured green. Status hues speak status; the logo palette lives only in charts.
+
+## 3 Typography
+DM Sans (chrome and display, substituting Circular) / IBM Plex Mono (data). Register
+scope: the sans runs every title, control, cell, and byline at the brand's calibrated
+mid-weight — 500 the ceiling, it breaks at 600 — with tight negative tracking on
+headings; the mono owns IDs, codes, timestamps, log lines, and SQL. Numerals are
+always `tabular-nums`; hierarchy is size and tracking, never a heavier weight.
+
+## 4 Component Stylings
+Buttons `radius-sm` (6px, never pill), emerald `primary` fill with near-black type;
+inputs on a hairline `border`, the emerald `ring` at 2px without glow; cards on a
+hairline — depth is the hairline, shadow only to lift off the canvas; table rows
+`muted` hover, neutral `accent` selection; code and SQL panels wear the near-black
+inlay with mono; detail opens in the side panel; badges pill, status fills only.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1360px;
+density standard, stepping denser for the console and log stream — never the whole app.
+
+## 6 Depth
+Flat and hairline-first. Light: the greyscale ladder and 1px hairlines carry rank;
+shadow only when a card must genuinely lift off the canvas; code, log, and SQL wear
+the near-black inlay. Dark: the authored ladder does the depth — `background` 0.18 L,
+`surface-raised` +0.05, `surface-overlay` +0.10, hue held at 159; hairlines stay
+visible at every step.
+
+## 7 Motion
+Reserved and technical. Named moments: `panel-slide` (side panel, 240ms,
+interruptible), `fade-arrive` (page content, 160ms), `run-press` (primary press,
+120ms). Physicality granted only to auth and first-run empty states; tables, log
+streams, 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 logo palette returns only here — emerald, violet, pink, indigo,
+tomato categorical (`chart-1..5`); monochrome sequential canvas→emerald; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Engineered-plain: exact, lowercase-calm, no cheer. "New query" · "No jobs running —
+last run finished 8m ago" · "This migration touches 3 tables and cannot be reverted;
+confirm before running."
+
+## 10 Do's & Don'ts
+Do anchor every surface on the white canvas and spend emerald once — the action, the
+ring, the active-nav dot. Do set near-black type on the green button, never white. Do
+dress code and SQL in the near-black inlay. Don't promote a second chromatic accent,
+bump weight above 500, pill a control, or heavy-shadow a card.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer, side panel → full sheet, list+detail stacks. 768:
+sidebar → icon rail; tables scroll, SQL and log inlays scroll horizontally never wrap.
+1024/1440: two-pane queue+detail holds; forms cap, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Wear the white canvas; the dark theme is the authored near-black ladder. Spend emerald
+once — near-black type on the green button is the signature. Dress code, log, and SQL
+in the near-black inlay with IBM Plex Mono; cap the sans at weight 500. Depth is
+hairline and ladder — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(1 0 159)
+    foreground: oklch(0.2 0.004 159)
+    card: oklch(1 0 159)
+    card-foreground: oklch(0.2 0.004 159)
+    popover: oklch(1 0 159)
+    popover-foreground: oklch(0.2 0.004 159)
+    primary: oklch(0.762 0.154 159.4)
+    primary-foreground: oklch(0.205 0.005 159)
+    secondary: oklch(0.961 0.005 159)
+    secondary-foreground: oklch(0.24 0.005 159)
+    muted: oklch(0.985 0.005 159)
+    muted-foreground: oklch(0.545 0.006 159)
+    accent: oklch(0.946 0.005 159)
+    accent-foreground: oklch(0.24 0.005 159)
+    destructive: oklch(0.577 0.215 27.3)
+    destructive-foreground: oklch(0.985 0.01 27.3)
+    success: oklch(0.684 0.142 161.9)
+    warning: oklch(0.82 0.16 96.8)
+    border: oklch(0.904 0.005 159)
+    input: oklch(0.904 0.005 159)
+    ring: oklch(0.762 0.154 159.4)
+    surface-raised: oklch(1 0 159)
+    surface-overlay: oklch(1 0 159)
+    chart-1: oklch(0.7 0.15 159.4)
+    chart-2: oklch(0.55 0.2 285)
+    chart-3: oklch(0.6 0.2 350)
+    chart-4: oklch(0.55 0.2 265)
+    chart-5: oklch(0.62 0.2 30)
+    sidebar: oklch(0.985 0.005 159)
+    sidebar-foreground: oklch(0.24 0.005 159)
+    sidebar-primary: oklch(0.762 0.154 159.4)
+    sidebar-primary-foreground: oklch(0.205 0.005 159)
+    sidebar-accent: oklch(0.946 0.005 159)
+    sidebar-accent-foreground: oklch(0.24 0.005 159)
+    sidebar-border: oklch(0.9 0.005 159)
+    sidebar-ring: oklch(0.762 0.154 159.4)
+  dark:
+    background: oklch(0.18 0.006 159)
+    foreground: oklch(0.94 0.005 159)
+    card: oklch(0.21 0.006 159)
+    card-foreground: oklch(0.94 0.005 159)
+    popover: oklch(0.26 0.006 159)
+    popover-foreground: oklch(0.94 0.005 159)
+    primary: oklch(0.762 0.154 159.4)
+    primary-foreground: oklch(0.2 0.005 159)
+    secondary: oklch(0.24 0.006 159)
+    secondary-foreground: oklch(0.9 0.005 159)
+    muted: oklch(0.23 0.006 159)
+    muted-foreground: oklch(0.68 0.006 159)
+    accent: oklch(0.27 0.006 159)
+    accent-foreground: oklch(0.9 0.005 159)
+    destructive: oklch(0.64 0.2 27.3)
+    destructive-foreground: oklch(0.14 0.02 27.3)
+    success: oklch(0.7 0.14 161.9)
+    warning: oklch(0.85 0.17 96.8)
+    border: oklch(0.27 0.006 159)
+    input: oklch(0.27 0.006 159)
+    ring: oklch(0.762 0.154 159.4)
+    surface-raised: oklch(0.23 0.006 159)
+    surface-overlay: oklch(0.28 0.006 159)
+    chart-1: oklch(0.78 0.15 159.4)
+    chart-2: oklch(0.65 0.2 285)
+    chart-3: oklch(0.7 0.2 350)
+    chart-4: oklch(0.65 0.2 265)
+    chart-5: oklch(0.72 0.2 30)
+    sidebar: oklch(0.15 0.006 159)
+    sidebar-foreground: oklch(0.9 0.005 159)
+    sidebar-primary: oklch(0.762 0.154 159.4)
+    sidebar-primary-foreground: oklch(0.2 0.005 159)
+    sidebar-accent: oklch(0.24 0.006 159)
+    sidebar-accent-foreground: oklch(0.9 0.005 159)
+    sidebar-border: oklch(0.22 0.006 159)
+    sidebar-ring: oklch(0.762 0.154 159.4)
+typography:
+  display: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  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: 23px, weight: 400, family: sans }
+    small: { size: 13px, line: 19px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 500, family: sans, tracking: 0.02em, transform: uppercase }
+    data: { size: 14px, line: 21px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps, sql] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.2 0.02 159 / 0.1)"
+    popover: "0 4px 16px oklch(0.2 0.02 159 / 0.08)"
+  dark-ladder: { background: 0.18, raised: 0.23, overlay: 0.28, hue-held: 159 }
+motion:
+  duration: { press: 120ms, fade: 160ms, panel: 240ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.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: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,194 @@
+---
+schema: design-md/v2
+id: superhuman
+tier: brand
+segments: [productivity, email, business-tools]
+keywords: [warm, editorial, indigo-navy, quiet, rounded, premium]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Super Sans VF → Inter Variable substitution (v1-documented, run at the same sub-default weights), IBM Plex Mono for the derived mono"
+license: open
+---
+
+# superhuman — a warm quiet desk, one deep indigo mark
+
+## 1 Visual Theme
+A warm quiet writing desk kept in editorial order: white paper on warm-grey rules,
+off-black ink, generous margins, and one deep indigo-navy mark reserved for the action
+that matters. Light default — the content body is white; the dark theme is an authored
+warm ladder. Flat: warm hairlines, sub-default type weights, and whitespace carry
+hierarchy, never shadow. The signature is the softness — 8px rounded rectangles, never
+a pill on a working surface. The violet-sky hero and teal closing band stay marketing.
+
+## 2 Color Roles
+Warm off-black `foreground` on white `background`, never pure black; every neutral
+leans warm-grey, none is cool. `primary` deep indigo-navy is the only chromatic hue
+that carries meaning — the one action, active nav, the focus `ring` — near-black itself,
+the brand's own CTA colour. `accent` is a pale indigo tint for selection. Status hues
+speak only status; teal and violet-soft stay marketing-decorative. The `sidebar` holds
+a warm off-white a half-step below the canvas.
+
+## 3 Typography
+Inter (chrome and display, substituting Super Sans VF) / IBM Plex Mono (data). Register
+scope: the sans runs every title, control, cell, and byline at the warmth signature —
+the in-between weight, body 460 not 400, strong 600 — with proportioned negative
+tracking; the mono owns IDs, codes, and timestamps. Numerals are always `tabular-nums`;
+emphasis bumps weight, never size, and never leaves the sub-default range.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px rounded rectangle, never pill), indigo `primary` fill; inputs
+on a warm `border`, the indigo `ring` at 2px without glow; cards on a hairline, shadow
+only when they must lift; table rows `muted` hover, pale-indigo `accent` selection;
+detail opens in the side panel beside the work; badges take status fills, never
+`primary`. The editorial roominess is the taller row and the larger radius, not padding.
+
+## 5 Layout
+8px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1320px;
+density standard and editorial-roomy — carried by the base and radius, never inflated.
+
+## 6 Depth
+Flat and warm. Light: the surface ladder and warm hairlines carry rank; shadow only
+when a card must lift off the canvas, warm-tinted and soft. Dark: the authored ladder
+does the depth — `background` 0.19 L, `surface-raised` +0.05, `surface-overlay` +0.10,
+warm hue held at 68; the indigo mark lifts to a visible mid-indigo.
+
+## 7 Motion
+Quick and unshowy — a fast-productivity brand. Named moments: `panel-slide` (side
+panel, 240ms, interruptible), `fade-arrive` (page content, 160ms), `mark-press`
+(primary press, 110ms). Physicality granted only to auth and first-run empty states;
+tables and keyboard actions are instant.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
+no gridline fills; indigo, teal, violet, amber, green categorical (`chart-1..5`);
+monochrome sequential canvas→indigo; tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Warm and economical: plain verbs, no exclamation, a light touch. "Compose" · "Inbox
+clear — nothing needs a reply" · "This message has an unsent draft; discard it or keep
+editing before you leave."
+
+## 10 Do's & Don'ts
+Do reserve the indigo mark for the single most important action; everything else is
+neutral or status. Do carry hierarchy with warm hairlines, sub-default weight, and
+whitespace. Do hold ink warm off-black, never pure black. Don't wear the marketing
+theatre, promote a second chromatic accent, or pill the CTA — 8px is the shape.
+
+## 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, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Lead every entity with its primary read, not its chrome. Spend the indigo mark once —
+if two things want it, one is not primary. Keep the type warm and sub-default (body
+460, strong 600), corners at 8px, ink warm off-black. Dark is the authored warm ladder
+— consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(1 0 68)
+    foreground: oklch(0.278 0.006 68)
+    card: oklch(1 0 68)
+    card-foreground: oklch(0.278 0.006 68)
+    popover: oklch(1 0 68)
+    popover-foreground: oklch(0.278 0.006 68)
+    primary: oklch(0.234 0.058 283.9)
+    primary-foreground: oklch(1 0 283.9)
+    secondary: oklch(0.961 0.007 88.6)
+    secondary-foreground: oklch(0.3 0.006 68)
+    muted: oklch(0.961 0.007 88.6)
+    muted-foreground: oklch(0.51 0.008 68)
+    accent: oklch(0.946 0.008 293.9)
+    accent-foreground: oklch(0.28 0.06 283.9)
+    destructive: oklch(0.54 0.177 28.9)
+    destructive-foreground: oklch(0.985 0.01 28.9)
+    success: oklch(0.515 0.109 160.6)
+    warning: oklch(0.624 0.123 71.4)
+    border: oklch(0.92 0.01 81.8)
+    input: oklch(0.92 0.01 81.8)
+    ring: oklch(0.234 0.058 283.9)
+    surface-raised: oklch(1 0 68)
+    surface-overlay: oklch(1 0 68)
+    chart-1: oklch(0.4 0.15 283.9)
+    chart-2: oklch(0.6 0.1 200)
+    chart-3: oklch(0.6 0.18 300)
+    chart-4: oklch(0.7 0.13 71.4)
+    chart-5: oklch(0.6 0.12 160.6)
+    sidebar: oklch(0.97 0.008 81.8)
+    sidebar-foreground: oklch(0.3 0.006 68)
+    sidebar-primary: oklch(0.234 0.058 283.9)
+    sidebar-primary-foreground: oklch(1 0 283.9)
+    sidebar-accent: oklch(0.946 0.008 293.9)
+    sidebar-accent-foreground: oklch(0.28 0.06 283.9)
+    sidebar-border: oklch(0.92 0.01 81.8)
+    sidebar-ring: oklch(0.234 0.058 283.9)
+  dark:
+    background: oklch(0.19 0.008 68)
+    foreground: oklch(0.94 0.006 68)
+    card: oklch(0.22 0.008 68)
+    card-foreground: oklch(0.94 0.006 68)
+    popover: oklch(0.27 0.008 68)
+    popover-foreground: oklch(0.94 0.006 68)
+    primary: oklch(0.5 0.16 283.9)
+    primary-foreground: oklch(0.98 0.01 283.9)
+    secondary: oklch(0.24 0.008 68)
+    secondary-foreground: oklch(0.9 0.006 68)
+    muted: oklch(0.23 0.008 68)
+    muted-foreground: oklch(0.68 0.008 68)
+    accent: oklch(0.3 0.04 283.9)
+    accent-foreground: oklch(0.9 0.02 293.9)
+    destructive: oklch(0.62 0.18 28.9)
+    destructive-foreground: oklch(0.14 0.02 28.9)
+    success: oklch(0.64 0.11 160.6)
+    warning: oklch(0.72 0.12 71.4)
+    border: oklch(0.27 0.008 68)
+    input: oklch(0.27 0.008 68)
+    ring: oklch(0.6 0.15 283.9)
+    surface-raised: oklch(0.24 0.008 68)
+    surface-overlay: oklch(0.29 0.008 68)
+    chart-1: oklch(0.6 0.15 283.9)
+    chart-2: oklch(0.68 0.1 200)
+    chart-3: oklch(0.68 0.18 300)
+    chart-4: oklch(0.76 0.13 71.4)
+    chart-5: oklch(0.68 0.12 160.6)
+    sidebar: oklch(0.16 0.008 68)
+    sidebar-foreground: oklch(0.9 0.006 68)
+    sidebar-primary: oklch(0.6 0.15 283.9)
+    sidebar-primary-foreground: oklch(0.98 0.01 283.9)
+    sidebar-accent: oklch(0.24 0.04 283.9)
+    sidebar-accent-foreground: oklch(0.9 0.02 293.9)
+    sidebar-border: oklch(0.22 0.008 68)
+    sidebar-ring: oklch(0.6 0.15 283.9)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [460, 600] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [460, 600] }
+  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 26px, line: 31px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 22px, line: 27px, weight: 600, family: sans, tracking: -0.02em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 21px, weight: 460, family: sans }
+    small: { size: 13px, line: 18px, weight: 460, family: sans }
+    caption: { size: 12px, line: 16px, 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, auth], sans: [chrome, controls, body, headings], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 14px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 24px oklch(0.278 0.02 68 / 0.12)"
+    popover: "0 4px 16px oklch(0.278 0.02 68 / 0.1)"
+  dark-ladder: { background: 0.19, raised: 0.24, overlay: 0.29, hue-held: 68 }
+motion:
+  duration: { press: 110ms, fade: 160ms, panel: 240ms }
+  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
+  entrance-never: ease-in
+  identity-moments: [auth, first-run-empty]
+iconography: { set: lucide, stroke: 1.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: 8px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1320px }
+```