@nurix/etna 0.19.50 → 0.19.51

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

@@ -1,206 +0,0 @@
----
-schema: design-md/v2
-id: apple
-tier: brand
-segments: [consumer, hardware, ecosystem-ops]
-keywords: [spacious, parchment, action-blue, refined, surface-ladder, 17px]
-sourced: 2026-07-12
-sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; proprietary SF Pro substituted with Inter Variable (open) behind a -apple-system-first fallback stack, per the v1 entry; SF Mono substituted with Source Code Pro (open)"
-license: open
----
-
-# apple — a museum gallery bench
-
-## 1 Visual Theme
-A museum gallery bench: parchment stone floor, white plinths lifting each object by
-material change alone, near-black wall text set tight, one blue docent light marking
-the exhibit that responds. Light by default; dark is a real, authored mode — the
-gallery at night, hue held, not inverted stone. Flat but not gray-flat: elevation is
-the surface ladder (parchment → white card → near-black sidebar), never a shadow on
-chrome. One accent — Action Blue — does every "click me" job. Density is spacious on
-purpose: the reading pace is the luxury.
-
-## 2 Color Roles
-Parchment `background` under white `card` — the lift is the surface change, and that
-color change is the divider. `foreground` is near-black, photographic, never pure
-black. `primary` Action Blue carries the one primary action and every link; `ring` is
-Focus Blue, the brand's exact focus hue, as a full 2px solid outline. The `sidebar` is
-the near-black recessive chrome where Sky Blue — the dark-surface-only sibling of
-Action Blue — carries actives; Sky Blue never appears on light surfaces. Status hues
-speak only status; a second chromatic accent never appears.
-
-## 3 Typography
-One sans, one mono. Inter Variable is the open substitute behind a `-apple-system`
-fallback-first stack, so the UI resolves to real SF Pro on Apple platforms. The
-signature: body runs **17px** — the extra pixel is the brand's reading pace — and the
-weight ladder is 400/600 with **500 deliberately absent**; headings sit at 600, never
-700. Source Code Pro stands in for SF Mono on IDs, codes, and timestamps; numeric
-columns render `tabular-nums`. Hero display sizes stay behind.
-
-## 4 Component Stylings
-Buttons: Action Blue `primary` fill, `radius-md` soft rect, no pill by default — the
-press state is `transform: scale(0.95)`, system-wide. Inputs: `background` fill, the
-firmer `input` hairline, full 2px `ring` on focus, no glow. Cards: white `card` on
-parchment, hairline, zero shadow at rest — elevation is the surface change. Table
-rows: hairline grid, `muted` hover, `accent` selection, mono figures. Badges:
-hairline, `muted`/status fill; the full pill is reserved for at most one hero action.
-Detail opens in the side panel, never over the work.
-
-## 5 Layout
-8px base (Apple's grid) with the signature 17px step in the type, not the gaps;
-sidebar 264/56px; topbar 52px; side panel 440/680px; content max 1280px. Density is
-spacious; the 80px marketing section rhythm stays behind.
-
-## 6 Depth
-Flat, by museum rule: Apple's whole system contains exactly one shadow and it belongs
-to product photography — operator chrome has no imagery, so chrome carries zero
-shadow. Only true overlays get the faintest blue-gray-tinted lift or a backdrop blur.
-Dark is an authored ladder: `background` 0.19 L, `surface-raised` +0.045,
-`surface-overlay` +0.09, hue held at 258. Focus: 2px solid Focus Blue `ring`. Three
-z-levels: content, chrome, overlay.
-
-## 7 Motion
-Physical and restrained. Named moments: `press-scale` (every press, 100ms, scale
-0.95), `sheet-glide` (side panel and sheets, 300ms, interruptible), `cross-fade`
-(content swap, 200ms). Physicality is granted to auth and first-run empty states only;
-tables and keyboard-initiated actions never animate.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes,
-no gridline fills; categorical ramp of Action Blue, Sky Blue, green, orange, purple —
-system-palette restraint. Tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Docent calm: short declaratives, no exclamation, the object first. "Add device" ·
-"All clear — 12 devices reported in the last hour" · "This profile can't be removed
-while 3 devices depend on it."
-
-## 10 Do's & Don'ts
-Do elevate by surface change — parchment ↔ white ↔ near-black — before anything else.
-Do run body at 17px and keep the 400/600 ladder — never weight 500. Do use
-`scale(0.95)` as the press state. Don't put a shadow on a card, button, or text.
-Don't use Sky Blue on a light surface — it is the dark-surface variant. Don't pill
-every control — the pill is a single hero-action signal. Don't introduce a second
-chromatic accent.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet; h1
-steps 28 → 24. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane
-queue+detail holds. 1440: forms cap at 640px; dashboards use the full width under the
-1280px cap.
-
-## 12 Agent Prompt Guide
-Lead with content, not chrome. Accent only the primary action — if two things want
-Action Blue, one is not primary. Keep the sidebar recessive and near-black with Sky
-Blue actives; the light canvas does the talking. Elevation is surface change; shadow
-is for imagery this UI does not have. Dark is authored — consult the block, never
-derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.972 0.005 258)
-    foreground: oklch(0.24 0.008 280)
-    card: oklch(0.995 0.005 258)
-    card-foreground: oklch(0.24 0.008 280)
-    popover: oklch(0.995 0.005 258)
-    popover-foreground: oklch(0.24 0.008 280)
-    primary: oklch(0.52 0.177 256)
-    primary-foreground: oklch(0.99 0.005 258)
-    secondary: oklch(0.94 0.006 258)
-    secondary-foreground: oklch(0.24 0.008 280)
-    muted: oklch(0.955 0.006 258)
-    muted-foreground: oklch(0.51 0.010 280)
-    accent: oklch(0.954 0.017 251)
-    accent-foreground: oklch(0.45 0.16 256)
-    destructive: oklch(0.55 0.21 27)
-    destructive-foreground: oklch(0.99 0.005 27)
-    success: oklch(0.558 0.146 148)
-    warning: oklch(0.547 0.147 49)
-    border: oklch(0.91 0.005 258)
-    input: oklch(0.87 0.007 280)
-    ring: oklch(0.563 0.193 256)
-    surface-raised: oklch(0.995 0.005 258)
-    surface-overlay: oklch(0.995 0.005 258)
-    chart-1: oklch(0.52 0.177 256)
-    chart-2: oklch(0.669 0.181 252)
-    chart-3: oklch(0.56 0.146 148)
-    chart-4: oklch(0.65 0.15 60)
-    chart-5: oklch(0.55 0.16 300)
-    sidebar: oklch(0.23 0.010 258)
-    sidebar-foreground: oklch(0.94 0.006 258)
-    sidebar-primary: oklch(0.669 0.181 252)
-    sidebar-primary-foreground: oklch(0.15 0.02 252)
-    sidebar-accent: oklch(0.29 0.014 258)
-    sidebar-accent-foreground: oklch(0.91 0.006 258)
-    sidebar-border: oklch(0.30 0.012 258)
-    sidebar-ring: oklch(0.669 0.181 252)
-  dark:
-    background: oklch(0.19 0.008 258)
-    foreground: oklch(0.93 0.006 258)
-    card: oklch(0.23 0.010 258)
-    card-foreground: oklch(0.93 0.006 258)
-    popover: oklch(0.28 0.011 258)
-    popover-foreground: oklch(0.93 0.006 258)
-    primary: oklch(0.669 0.181 252)
-    primary-foreground: oklch(0.15 0.02 252)
-    secondary: oklch(0.27 0.011 258)
-    secondary-foreground: oklch(0.91 0.006 258)
-    muted: oklch(0.25 0.010 258)
-    muted-foreground: oklch(0.70 0.012 258)
-    accent: oklch(0.30 0.030 252)
-    accent-foreground: oklch(0.92 0.008 252)
-    destructive: oklch(0.62 0.20 25)
-    destructive-foreground: oklch(0.13 0.02 25)
-    success: oklch(0.66 0.14 150)
-    warning: oklch(0.68 0.14 55)
-    border: oklch(0.28 0.010 258)
-    input: oklch(0.30 0.011 258)
-    ring: oklch(0.669 0.181 252)
-    surface-raised: oklch(0.235 0.010 258)
-    surface-overlay: oklch(0.28 0.011 258)
-    chart-1: oklch(0.67 0.181 252)
-    chart-2: oklch(0.60 0.17 256)
-    chart-3: oklch(0.68 0.14 150)
-    chart-4: oklch(0.72 0.14 60)
-    chart-5: oklch(0.65 0.15 300)
-    sidebar: oklch(0.16 0.008 258)
-    sidebar-foreground: oklch(0.91 0.006 258)
-    sidebar-primary: oklch(0.669 0.181 252)
-    sidebar-primary-foreground: oklch(0.15 0.02 252)
-    sidebar-accent: oklch(0.22 0.010 258)
-    sidebar-accent-foreground: oklch(0.90 0.006 258)
-    sidebar-border: oklch(0.22 0.010 258)
-    sidebar-ring: oklch(0.669 0.181 252)
-typography:
-  display: { family: "Inter Variable", fallback: "-apple-system, system-ui, sans-serif", weights: [600] }
-  sans: { family: "Inter Variable", fallback: "-apple-system, system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "Source Code Pro Variable", fallback: "ui-monospace, SFMono-Regular, monospace", weights: [400] }
-  ramp:
-    display: { size: 32px, line: 37px, weight: 600, family: display, tracking: -0.02em }
-    h1: { size: 28px, line: 32px, weight: 600, family: sans, tracking: -0.02em }
-    h2: { size: 21px, line: 25px, weight: 600, family: sans, tracking: -0.02em }
-    body: { size: 17px, line: 25px, weight: 400, family: sans }
-    small: { size: 14px, line: 20px, weight: 400, family: sans }
-    caption: { size: 12px, line: 16px, weight: 400, family: sans, tracking: -0.01em }
-    data: { size: 14px, line: 21px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 8px, md: 11px, lg: 14px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 32px oklch(0.25 0.02 258 / 0.12)"
-    popover: "0 4px 16px oklch(0.25 0.02 258 / 0.08)"
-  dark-ladder: { background: 0.19, raised: 0.235, overlay: 0.28, hue-held: 258 }
-motion:
-  duration: { press: 100ms, fade: 200ms, panel: 300ms }
-  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: chart-3 }
-layout: { base: 8px, sidebar: [264px, 56px], topbar: 52px, side-panel: [440px, 680px], content-max: 1280px }
-```

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

@@ -1,210 +0,0 @@
----
-schema: design-md/v2
-id: binance
-tier: brand
-segments: [crypto, fintech, trading]
-keywords: [dense, terminal, yellow, black-on-yellow, markets, dual-theme]
-sourced: 2026-07-12
-sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; proprietary BinanceNova substituted with Inter Variable (open) and BinancePlex with JetBrains Mono (open), the v1 entry's own named substitutes; light-theme destructive/success deepened for AA fills"
-license: open
----
-
-# binance — a trading floor at 3 a.m.
-
-## 1 Visual Theme
-A trading floor at 3 a.m.: banks of near-black screens, green and red ticks streaming
-down cool-slate grids, and under the desk lamp one yellow order button — black type on
-yellow, the only warm thing in the room. Two native themes chosen by surface intent:
-**dark is the iconic read** — the markets console — and **light is the transactional
-surface** for forms, deposits, and CRM; the black-on-yellow button is identical in
-both. Flat throughout: color-block contrast and 1px hairlines, never heavy shadow.
-Density is dense — a markets terminal, not a consumer app.
-
-## 2 Color Roles
-One accent: yellow `primary` carries every primary action, active nav, and the
-wordmark — nowhere else; its scarcity is the brand. `primary-foreground` is always
-near-black — never white on yellow. Neutrals hold Binance's cool gray-blue temper
-(slate-tinted, never pure gray, never warmed toward the yellow). Trading green
-`success` and trading red `destructive` speak direction and status as **text color,
-never a card fill**; in light they deepen one step so their labels hold AA. `ring` is
-info blue. `warning` is amber, deliberately not brand-yellow. Turquoise was a
-single-product experiment and survives only as a chart hue.
-
-## 3 Typography
-Two families split by function. Inter Variable stands in for BinanceNova on UI, body,
-and headings; strong weight runs 600 so figures read at a glance. JetBrains Mono
-stands in for BinancePlex — the "trustworthy number" voice: prices, volumes, IDs,
-timestamps, and every numeric column ride it with `tabular-nums`; a sans price ticker
-loses the trading-platform character. The 64/48px hero display and its 700 weight
-stay behind.
-
-## 4 Component Stylings
-Buttons: yellow `primary` fill with near-black label, `radius-md`, no pill; press
-darkens toward the active yellow. Secondary: `secondary` fill, hairline, `foreground`.
-Inputs: `background` fill, hairline, blue `ring` at 2px on focus, no glow. Table rows:
-40px dense, `border` grid lines, `muted` hover, `accent` neutral selection — never a
-yellow wash; price/amount cells are mono, direction cells take `success` /
-`destructive` as text color. Badges: hairline, `muted`/status fill, uppercase caption,
-never `primary`. Detail opens in the side panel.
-
-## 5 Layout
-4px base; topbar 64px (the brand's native nav height); sidebar 248/56px; side panel
-420/640px; tables full-width under a 1440px cap. Density is dense and stays dense —
-the 80px marketing band never enters. Row height 40px.
-
-## 6 Depth
-Flat, by conviction. On dark, the `card` step off the near-black canvas is a clear
-lightness jump that reads as elevation with no shadow at all; on light, hairlines
-carry the grid. One soft slate-tinted shadow exists for true overlays. Dark is the
-authored native ladder: `background` 0.162 L (never pure black), `surface-raised`
-+0.05, `surface-overlay` +0.13, hue held near 250. Focus is a 2px blue `ring`, never
-a glow. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Terminal-fast. Named moments: `tick-update` (price cell flash via text color, 100ms),
-`panel-slide` (side panel, 250ms, interruptible), `order-press` (primary-action press,
-100ms). Physicality is granted to auth only. Streaming tables never animate rows —
-numbers change, chrome holds still.
-
-## 8 Iconography & Charts
-Lucide, 1.75px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
-axes, no gridline fills; categorical ramp of deep yellow, turquoise, trading green,
-trading red, info blue. Up-moves take `success`, down-moves `destructive` — direction
-is never re-colored. Tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Terse desk-operator: numbers first, verbs second, zero decoration. "Place order" ·
-"No open positions — 214 fills settled today" · "Withdrawal exceeds the daily limit;
-2FA re-verification required above 5 BTC."
-
-## 10 Do's & Don'ts
-Do reserve yellow for the one action, active nav, and the wordmark; keep the black
-label on the fill. Do pick the theme by surface intent: dark for markets and
-dashboards, light for forms and CRM. Do carry every figure in mono `tabular-nums`.
-Don't use yellow for body text, large fills, or selection washes. Don't fill a card
-with `success`/`destructive` — direction is text color. Don't promote turquoise or
-info-blue to a brand accent. Don't pill the CTA outside a hero moment or signal rank
-with heavy shadow.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet; markets
-table → horizontally-scrollable rows; density holds. 768: sidebar → icon rail; tables
-scroll overflow. 1024: two-pane queue+detail holds. 1440: forms cap at 640px; tables
-and dashboards use the full width.
-
-## 12 Agent Prompt Guide
-One accent, always: yellow marks THE action, black on yellow, never white. Choose the
-theme by surface — dark console for markets, light for transactional work — with the
-primary button identical in both. Numbers are mono; direction rides text color, never
-a fill. Stay flat: surface ladder and hairlines before any shadow; radii tight; no
-pill outside a hero. Leave the marketing skin — gradients, coin stacks, hero display —
-behind.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 250)
-    foreground: oklch(0.22 0.012 271)
-    card: oklch(0.995 0.005 250)
-    card-foreground: oklch(0.22 0.012 271)
-    popover: oklch(0.995 0.005 250)
-    popover-foreground: oklch(0.22 0.012 271)
-    primary: oklch(0.881 0.168 94)
-    primary-foreground: oklch(0.22 0.012 271)
-    secondary: oklch(0.965 0.005 250)
-    secondary-foreground: oklch(0.22 0.012 271)
-    muted: oklch(0.98 0.005 250)
-    muted-foreground: oklch(0.50 0.025 260)
-    accent: oklch(0.965 0.005 250)
-    accent-foreground: oklch(0.22 0.012 271)
-    destructive: oklch(0.56 0.20 20)
-    destructive-foreground: oklch(0.99 0.005 20)
-    success: oklch(0.52 0.15 158)
-    warning: oklch(0.60 0.15 58)
-    border: oklch(0.94 0.005 258)
-    input: oklch(0.94 0.005 258)
-    ring: oklch(0.623 0.188 260)
-    surface-raised: oklch(0.995 0.005 250)
-    surface-overlay: oklch(0.995 0.005 250)
-    chart-1: oklch(0.813 0.165 87)
-    chart-2: oklch(0.725 0.116 190)
-    chart-3: oklch(0.60 0.15 158)
-    chart-4: oklch(0.60 0.19 18)
-    chart-5: oklch(0.623 0.188 260)
-    sidebar: oklch(0.975 0.005 250)
-    sidebar-foreground: oklch(0.22 0.012 271)
-    sidebar-primary: oklch(0.881 0.168 94)
-    sidebar-primary-foreground: oklch(0.22 0.012 271)
-    sidebar-accent: oklch(0.955 0.006 250)
-    sidebar-accent-foreground: oklch(0.22 0.012 271)
-    sidebar-border: oklch(0.94 0.005 258)
-    sidebar-ring: oklch(0.623 0.188 260)
-  dark:
-    background: oklch(0.162 0.008 248)
-    foreground: oklch(0.94 0.005 258)
-    card: oklch(0.254 0.014 253)
-    card-foreground: oklch(0.94 0.005 258)
-    popover: oklch(0.29 0.015 253)
-    popover-foreground: oklch(0.94 0.005 258)
-    primary: oklch(0.881 0.168 94)
-    primary-foreground: oklch(0.22 0.012 271)
-    secondary: oklch(0.254 0.014 253)
-    secondary-foreground: oklch(0.92 0.006 258)
-    muted: oklch(0.22 0.012 253)
-    muted-foreground: oklch(0.683 0.019 256)
-    accent: oklch(0.311 0.017 256)
-    accent-foreground: oklch(0.92 0.006 258)
-    destructive: oklch(0.654 0.211 18)
-    destructive-foreground: oklch(0.13 0.02 18)
-    success: oklch(0.743 0.171 158)
-    warning: oklch(0.72 0.15 60)
-    border: oklch(0.311 0.017 256)
-    input: oklch(0.311 0.017 256)
-    ring: oklch(0.623 0.188 260)
-    surface-raised: oklch(0.21 0.012 250)
-    surface-overlay: oklch(0.29 0.015 253)
-    chart-1: oklch(0.881 0.168 94)
-    chart-2: oklch(0.725 0.116 190)
-    chart-3: oklch(0.743 0.171 158)
-    chart-4: oklch(0.654 0.211 18)
-    chart-5: oklch(0.623 0.188 260)
-    sidebar: oklch(0.14 0.008 248)
-    sidebar-foreground: oklch(0.92 0.006 258)
-    sidebar-primary: oklch(0.881 0.168 94)
-    sidebar-primary-foreground: oklch(0.22 0.012 271)
-    sidebar-accent: oklch(0.22 0.012 253)
-    sidebar-accent-foreground: oklch(0.92 0.006 258)
-    sidebar-border: oklch(0.24 0.013 253)
-    sidebar-ring: oklch(0.623 0.188 260)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400, 500] }
-  ramp:
-    display: { size: 28px, line: 36px, weight: 600, family: display }
-    h1: { size: 24px, line: 31px, weight: 600, family: sans }
-    h2: { size: 20px, line: 27px, 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: 17px, weight: 600, family: sans, transform: uppercase }
-    data: { size: 14px, line: 20px, weight: 500, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body], mono: [data, prices, ids, timestamps] }
-elevation:
-  radius: { sm: 4px, md: 6px, lg: 8px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 24px oklch(0.20 0.02 250 / 0.14)"
-    popover: "0 4px 12px oklch(0.20 0.02 250 / 0.10)"
-  dark-ladder: { background: 0.162, raised: 0.21, overlay: 0.29, hue-held: 250 }
-motion:
-  duration: { press: 100ms, fade: 150ms, panel: 250ms }
-  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-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: [248px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1440px }
-```

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

@@ -1,210 +0,0 @@
----
-schema: design-md/v2
-id: bmw
-tier: brand
-segments: [automotive, enterprise, dealership-ops]
-keywords: [rectangular, engineered, corporate-blue, shadowless, machined, uppercase]
-sourced: 2026-07-12
-sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; licensed BMW Type Next substituted with Inter Variable (open), the v1 entry's documented stand-in; Roboto Mono kept from the brand's own fallback stack"
-license: open
----
-
-# bmw — a machine shop's inspection bench
-
-## 1 Visual Theme
-A machine shop's inspection bench: brushed steel under even white light, rectangular
-gauges seated in milled recesses, tolerances printed in heavy type, one blue indicator
-lamp that means "go". Light by default; the dark theme is the night shift — the same
-bench under work lamps, an authored cool ladder, never inverted. Categorically
-shadowless and categorically rectangular: **0px corners everywhere** is the signature,
-and hierarchy rides a greyscale surface ladder, hairlines, and the heavy-700/normal-
-400 type contrast. One corporate blue reserved for the action that matters.
-
-## 2 Color Roles
-White `background` with the soft-grey `card` plate lifting by color-block contrast —
-cool-tinted toward the corporate blue, never pure gray. `foreground` is ink, not pure
-black. `primary` is BMW corporate blue — the one primary action, active nav, and the
-selected-tile border; `accent` is its faint blue wash for selection and hover. `ring`
-is the blue, keyboard-first. Status hues speak only status; in light they deepen one
-step so their labels hold AA. The dark-navy hero and the M tricolor are marketing
-graces — the M hues resurface only as chart categoricals, the brand's only spare
-palette.
-
-## 3 Typography
-One sans, one mono. Inter Variable is the documented open stand-in for the licensed
-BMW Type Next — wide-bodied, zero tracking on heads. The editorial signature is the
-heavy/normal contrast: 700 heads against 400 body, **never 500**. The uppercase
-letter-spaced label — the "LEARN MORE" machined-precision voice — is the distinctive
-small-type carry-over. Roboto Mono (from the brand's own fallback stack) carries IDs,
-codes, timestamps, and logs; numeric columns render `tabular-nums`.
-
-## 4 Component Stylings
-Buttons: blue `primary` fill, rectangular, no pill, no rounding — ever. Secondary:
-`background` fill, hairline, `foreground`. Inputs: `background` fill, hairline; focus
-draws the full 2px blue `ring`, no glow. Cards: the `card` grey plate distinguished by
-contrast, optional hairline, zero shadow at rest. Table rows: hairline grid, `muted`
-hover, `accent` selection, mono figures. Filter chips: rectangular; an active chip
-fills with ink and white text — the brand's chip idiom. Badges: rectangular, uppercase
-caption, status hues only. Detail opens in the side panel.
-
-## 5 Layout
-4px base with the brand's native 8px rhythm dominant; sidebar 256/64px; topbar 64px
-(the brand nav); side panel 440/640px; content capped at 1440px. Density standard,
-stepping denser per archetype — dealership-functional, not cramped. The 80px marketing
-rhythm stays behind.
-
-## 6 Depth
-Flat, and more so than most — BMW never draws a drop shadow. The greyscale ladder and
-hairlines carry all rank; a whisper of blue-grey-tinted shadow exists only for a true
-overlay, and a hairline still carries its edge. Dark is an authored ladder:
-`background` 0.18 L, `surface-raised` +0.045, `surface-overlay` +0.09, hue held at
-258. Focus is the 2px blue `ring`, visible everywhere. Three z-levels: content,
-chrome, overlay.
-
-## 7 Motion
-Mechanical and exact. Named moments: `gauge-settle` (value updates, 150ms),
-`panel-slide` (side panel, 250ms, interruptible), `indicator-press` (primary-action
-press, 100ms). Physicality is granted to auth only. Nothing bounces, nothing
-overshoots — a machine does not wobble.
-
-## 8 Iconography & Charts
-Lucide, 2px stroke — the heaviest in the library, matching the 700 heads — on a
-16/20px grid, `muted-foreground` default. Charts: hairline axes, no gridline fills;
-the categorical ramp is the M palette's only operator home: corporate blue, M dark
-blue, M red, engineered grey, amber. Tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Specification prose: exact, unhurried, uppercase where the machine speaks. "START
-INSPECTION" · "No faults recorded — 47 units passed since 06:00" · "Torque value
-outside tolerance; recalibrate station 3 before resuming."
-
-## 10 Do's & Don'ts
-Do keep every corner rectangular — 0px on buttons, inputs, cards, and chips is the
-signature (round only a circular icon button). Do set 700 heads against 400 body and
-the +0.11em uppercase label voice. Do reserve blue for the one action. Don't draw a
-drop shadow at rest — anywhere. Don't promote the M tricolor or dark-navy hero into
-chrome. Don't use weight 500 or thin body to the marketing Light 300. Don't pill or
-round a control.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet; density
-holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail
-holds. 1440: content caps; forms hold 640px; tables and dashboards use the full
-width.
-
-## 12 Agent Prompt Guide
-Everything is rectangular. Accent only the primary action with blue — if two things
-want it, one is not primary. Stay shadowless: reach for the `card` grey plate and
-hairlines before any elevation. Heads are 700, body 400, labels uppercase and
-letter-spaced. Numeric columns are mono `tabular-nums`. Every workflow completes from
-the keyboard with the blue `ring` always visible. Dark is authored — consult the
-block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 258)
-    foreground: oklch(0.27 0.006 258)
-    card: oklch(0.985 0.005 258)
-    card-foreground: oklch(0.27 0.006 258)
-    popover: oklch(0.995 0.005 258)
-    popover-foreground: oklch(0.27 0.006 258)
-    primary: oklch(0.538 0.18 258)
-    primary-foreground: oklch(0.99 0.005 258)
-    secondary: oklch(0.975 0.005 258)
-    secondary-foreground: oklch(0.27 0.006 258)
-    muted: oklch(0.975 0.005 258)
-    muted-foreground: oklch(0.50 0.008 258)
-    accent: oklch(0.955 0.017 256)
-    accent-foreground: oklch(0.45 0.15 258)
-    destructive: oklch(0.55 0.20 28)
-    destructive-foreground: oklch(0.99 0.005 28)
-    success: oklch(0.55 0.15 150)
-    warning: oklch(0.62 0.15 66)
-    border: oklch(0.925 0.005 258)
-    input: oklch(0.925 0.005 258)
-    ring: oklch(0.538 0.18 258)
-    surface-raised: oklch(0.995 0.005 258)
-    surface-overlay: oklch(0.995 0.005 258)
-    chart-1: oklch(0.538 0.18 258)
-    chart-2: oklch(0.503 0.142 250)
-    chart-3: oklch(0.588 0.221 30)
-    chart-4: oklch(0.50 0.010 258)
-    chart-5: oklch(0.62 0.15 66)
-    sidebar: oklch(0.975 0.005 258)
-    sidebar-foreground: oklch(0.27 0.006 258)
-    sidebar-primary: oklch(0.538 0.18 258)
-    sidebar-primary-foreground: oklch(0.99 0.005 258)
-    sidebar-accent: oklch(0.955 0.017 256)
-    sidebar-accent-foreground: oklch(0.45 0.15 258)
-    sidebar-border: oklch(0.925 0.005 258)
-    sidebar-ring: oklch(0.538 0.18 258)
-  dark:
-    background: oklch(0.18 0.010 258)
-    foreground: oklch(0.93 0.006 258)
-    card: oklch(0.22 0.012 258)
-    card-foreground: oklch(0.93 0.006 258)
-    popover: oklch(0.27 0.013 258)
-    popover-foreground: oklch(0.93 0.006 258)
-    primary: oklch(0.58 0.16 258)
-    primary-foreground: oklch(0.99 0.005 258)
-    secondary: oklch(0.26 0.012 258)
-    secondary-foreground: oklch(0.91 0.006 258)
-    muted: oklch(0.24 0.012 258)
-    muted-foreground: oklch(0.70 0.012 258)
-    accent: oklch(0.30 0.030 256)
-    accent-foreground: oklch(0.92 0.008 256)
-    destructive: oklch(0.62 0.19 28)
-    destructive-foreground: oklch(0.13 0.02 28)
-    success: oklch(0.66 0.14 150)
-    warning: oklch(0.72 0.14 66)
-    border: oklch(0.28 0.012 258)
-    input: oklch(0.28 0.012 258)
-    ring: oklch(0.65 0.15 258)
-    surface-raised: oklch(0.225 0.012 258)
-    surface-overlay: oklch(0.27 0.013 258)
-    chart-1: oklch(0.62 0.16 258)
-    chart-2: oklch(0.55 0.13 250)
-    chart-3: oklch(0.64 0.19 30)
-    chart-4: oklch(0.65 0.010 258)
-    chart-5: oklch(0.72 0.14 66)
-    sidebar: oklch(0.16 0.010 258)
-    sidebar-foreground: oklch(0.91 0.006 258)
-    sidebar-primary: oklch(0.58 0.16 258)
-    sidebar-primary-foreground: oklch(0.99 0.005 258)
-    sidebar-accent: oklch(0.22 0.012 258)
-    sidebar-accent-foreground: oklch(0.90 0.006 258)
-    sidebar-border: oklch(0.23 0.012 258)
-    sidebar-ring: oklch(0.65 0.15 258)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [700] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 700] }
-  mono: { family: "Roboto Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 34px, weight: 700, family: display }
-    h1: { size: 24px, line: 30px, weight: 700, family: sans }
-    h2: { size: 20px, line: 26px, weight: 700, family: sans }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 13px, line: 17px, weight: 700, family: sans, tracking: 0.11em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 0px, md: 0px, lg: 0px }
-  hairline: border
-  shadow:
-    overlay: "0 4px 16px oklch(0.25 0.03 258 / 0.10)"
-    popover: "0 2px 8px oklch(0.25 0.03 258 / 0.08)"
-  dark-ladder: { background: 0.18, raised: 0.225, overlay: 0.27, hue-held: 258 }
-motion:
-  duration: { press: 100ms, fade: 150ms, panel: 250ms }
-  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-iconography: { set: lucide, stroke: 2px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: chart-3, mid: muted, positive: chart-1 }
-layout: { base: 4px, sidebar: [256px, 64px], topbar: 64px, side-panel: [440px, 640px], content-max: 1440px }
-```