@nurix/etna 0.19.42 → 0.19.43

package/data/harnesses/apollo/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/apollo/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 }
+```

package/data/harnesses/apollo/skills/design/design-md/library/tesla.md

@@ -0,0 +1,198 @@
+---
+schema: design-md/v2
+id: tesla
+tier: brand
+segments: [automotive, hardware, consumer-tech]
+keywords: [minimal, white, electric-blue, grayscale, flat, square, zero-tracking]
+sourced: 2026-07-12
+sources: "design-md/v1 library entry (2026-07-04); 2026-07-12 brand re-audit; Universal Sans Text → Inter Variable substitution (v1-documented), JetBrains Mono for the derived mono"
+license: open
+---
+
+# tesla — a bright showroom floor, one electric-blue switch
+
+## 1 Visual Theme
+A bright showroom floor swept clean: white space, a rich grayscale ink ramp, near-zero
+decoration, and one Electric Blue switch on the action that matters. Light default; the
+dark theme is an authored cool ladder. Categorically flat and shadowless — a grayscale
+surface ladder and type weight carry hierarchy. The geometry is the identity: barely-
+rounded 4px corners on every control. The whisper of cool tint on each neutral is the
+Carbon undertone, beneath perception; the full-viewport photography stays behind.
+
+## 2 Color Roles
+Carbon-dark `foreground` on white `background` — a warm blue-undertoned near-black
+stepping down a documented ramp. `primary` Electric Blue is the only chromatic hue,
+reserved for the one action and active nav, held by the focus `ring`. `accent` is a
+faint blue wash for selection. Status hues (`destructive`, `success`, `warning`) speak
+only status, never the blue. The `sidebar` runs a Light Ash panel a half-step off the
+white canvas.
+
+## 3 Typography
+Inter (chrome and display, substituting Universal Sans Text) / JetBrains Mono (data).
+Register scope: the sans runs every title, control, cell, and byline at two weights
+only — 500 for heads and UI, 400 for body, no bold and no light — with **zero
+letter-spacing** at every level, the Tesla signature, and **no uppercase transforms**,
+captions sentence-case. The mono owns IDs, codes, and timestamps; numerals are always
+`tabular-nums`; emphasize by weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (4px, no pill), Electric Blue `primary` fill, hover a color-only
+darkening never a transform; inputs on the firmer `input` edge, the blue `ring` at 2px
+without glow; cards flat on an optional hairline, no shadow at rest; table rows `muted`
+hover, faint-blue `accent` selection; detail opens in the side panel; badges square at
+`radius-sm`, sentence-case captions, status fills only.
+
+## 5 Layout
+8px base; sidebar 248/56px; topbar 56px; side panel 420/640px; content max 1383px —
+Tesla's container; density standard and engineered-uniform, the whitespace-as-luxury
+rhythm left behind.
+
+## 6 Depth
+Flat and essentially shadowless. Light: the surface ladder, hairlines, and z-position
+carry rank; a whisper cool-tinted shadow lifts a true overlay only, sticky chrome
+floats by a frosted backdrop and position. Dark: the authored ladder does the depth —
+`background` 0.20 L, `surface-raised` +0.05, `surface-overlay` +0.10, cool hue held
+at 264.
+
+## 7 Motion
+Color-only, calm. Named moments: `panel-slide` (side panel, 330ms, interruptible),
+`fade-arrive` (page content, 200ms), `tint-press` (primary press, 130ms) — a
+background-and-border transition, never a scale or translate. Physicality granted only
+to auth; 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; the monochrome-plus-blue ramp — Electric Blue against the grayscale
+steps categorical (`chart-1..5`); monochrome sequential canvas→blue; tooltips on
+`surface-overlay` with mono numerals.
+
+## 9 Voice
+Plain and declarative, sentence case throughout: no exclamation, exact numbers. "Order"
+· "Nothing scheduled — the next service window opens Monday" · "This action cancels the
+reservation and cannot be undone."
+
+## 10 Do's & Don'ts
+Do reserve Electric Blue for the single most important action, never decoration. Do
+keep every corner barely rounded at 4px. Do hold type at 400/500, zero letter-spacing,
+sentence case. Don't promote a second chromatic accent, drop a shadow, uppercase a
+label, or animate with scale or translate — interactions are color-only.
+
+## 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;
+content caps at 1383px, forms cap tighter, dashboards use full width.
+
+## 12 Agent Prompt Guide
+Accent only the primary action in Electric Blue — if two things want it, one is not
+primary. Keep every corner 4px, every weight 400 or 500, every tracking zero, every
+label sentence-case. Motion is color-only. Dark is the authored cool ladder — consult
+the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(1 0 264)
+    foreground: oklch(0.217 0.013 264.3)
+    card: oklch(1 0 264)
+    card-foreground: oklch(0.217 0.013 264.3)
+    popover: oklch(1 0 264)
+    popover-foreground: oklch(0.217 0.013 264.3)
+    primary: oklch(0.561 0.188 265.4)
+    primary-foreground: oklch(1 0 265.4)
+    secondary: oklch(0.967 0.005 264)
+    secondary-foreground: oklch(0.355 0.01 260.7)
+    muted: oklch(0.967 0.005 264)
+    muted-foreground: oklch(0.482 0.007 264.5)
+    accent: oklch(0.958 0.015 270)
+    accent-foreground: oklch(0.35 0.05 265)
+    destructive: oklch(0.577 0.215 27.3)
+    destructive-foreground: oklch(0.985 0.01 27.3)
+    success: oklch(0.627 0.17 149.2)
+    warning: oklch(0.666 0.157 58.3)
+    border: oklch(0.949 0.005 264)
+    input: oklch(0.86 0.006 264)
+    ring: oklch(0.561 0.188 265.4)
+    surface-raised: oklch(1 0 264)
+    surface-overlay: oklch(1 0 264)
+    chart-1: oklch(0.561 0.188 265.4)
+    chart-2: oklch(0.4 0.01 264)
+    chart-3: oklch(0.6 0.01 264)
+    chart-4: oklch(0.7 0.15 265)
+    chart-5: oklch(0.75 0.01 264)
+    sidebar: oklch(0.967 0.005 264)
+    sidebar-foreground: oklch(0.24 0.01 264)
+    sidebar-primary: oklch(0.561 0.188 265.4)
+    sidebar-primary-foreground: oklch(1 0 265.4)
+    sidebar-accent: oklch(0.958 0.015 270)
+    sidebar-accent-foreground: oklch(0.35 0.05 265)
+    sidebar-border: oklch(0.94 0.005 264)
+    sidebar-ring: oklch(0.561 0.188 265.4)
+  dark:
+    background: oklch(0.2 0.008 264)
+    foreground: oklch(0.94 0.005 264)
+    card: oklch(0.23 0.008 264)
+    card-foreground: oklch(0.94 0.005 264)
+    popover: oklch(0.28 0.008 264)
+    popover-foreground: oklch(0.94 0.005 264)
+    primary: oklch(0.62 0.18 265)
+    primary-foreground: oklch(0.99 0.01 265)
+    secondary: oklch(0.25 0.008 264)
+    secondary-foreground: oklch(0.9 0.005 264)
+    muted: oklch(0.24 0.008 264)
+    muted-foreground: oklch(0.68 0.008 264)
+    accent: oklch(0.3 0.03 265)
+    accent-foreground: oklch(0.9 0.02 265)
+    destructive: oklch(0.64 0.21 27.3)
+    destructive-foreground: oklch(0.14 0.02 27.3)
+    success: oklch(0.68 0.16 149.2)
+    warning: oklch(0.75 0.15 58.3)
+    border: oklch(0.28 0.008 264)
+    input: oklch(0.28 0.008 264)
+    ring: oklch(0.62 0.18 265)
+    surface-raised: oklch(0.25 0.008 264)
+    surface-overlay: oklch(0.3 0.008 264)
+    chart-1: oklch(0.62 0.18 265)
+    chart-2: oklch(0.5 0.01 264)
+    chart-3: oklch(0.7 0.01 264)
+    chart-4: oklch(0.75 0.14 265)
+    chart-5: oklch(0.82 0.01 264)
+    sidebar: oklch(0.17 0.008 264)
+    sidebar-foreground: oklch(0.9 0.005 264)
+    sidebar-primary: oklch(0.62 0.18 265)
+    sidebar-primary-foreground: oklch(0.99 0.01 265)
+    sidebar-accent: oklch(0.25 0.03 265)
+    sidebar-accent-foreground: oklch(0.9 0.02 265)
+    sidebar-border: oklch(0.22 0.008 264)
+    sidebar-ring: oklch(0.62 0.18 265)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
+  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: 0 }
+    h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: 0 }
+    h2: { size: 18px, line: 24px, weight: 500, family: sans, tracking: 0 }
+    body: { size: 14px, line: 20px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 16px, weight: 500, family: sans }
+    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] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 2px 12px oklch(0.217 0.013 264 / 0.1)"
+    popover: "0 1px 4px oklch(0.217 0.013 264 / 0.08)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 264 }
+motion:
+  duration: { press: 130ms, fade: 200ms, panel: 330ms }
+  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: [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: [248px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1383px }
+```