@nurix/etna 0.19.42 → 0.19.43

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

@@ -0,0 +1,210 @@
+---
+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/apollo/skills/design/design-md/library/bmw.md

@@ -0,0 +1,210 @@
+---
+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 }
+```

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

@@ -0,0 +1,209 @@
+---
+schema: design-md/v2
+id: cal
+tier: brand
+segments: [scheduling, b2b-saas, dev-tools]
+keywords: [monochrome, near-black, spacious, soft-rounded, minimal, ink-focus]
+sourced: 2026-07-12
+sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; Cal Sans — licensed at v1 sourcing — has since been released openly on Google Fonts and is restored as the display face (weight 600); Inter Variable body, JetBrains Mono data"
+license: open
+---
+
+# cal — a concierge desk in a minimalist hotel lobby
+
+## 1 Visual Theme
+A concierge desk in a minimalist hotel lobby: a white counter with soft-rounded edges,
+a near-black leather ledger, a brass bell with no engraving — no color anywhere, and
+the generosity is in the space between things. Light by default; dark is the lobby at
+night, an authored cool ladder, not inverted marble. Near-monochrome: the one action
+that matters wears near-black, not a chromatic accent — the system reads confidently
+engineered without spending color on chrome. Flat but soft: hairlines, weight, and a
+light-gray ladder, with soft shadows lifting only elevated cards. Density is spacious
+— the whitespace is the signature.
+
+## 2 Color Roles
+`primary` is near-black — the action layer is monochrome, and `ring` is ink too: the
+border shifts to ink on focus, never a colored glow. Neutrals are cool-slate-tinted
+whites and grays, never pure gray. `accent` is the achromatic soft-gray selection
+tint. The one chromatic brand color, the link blue, rides inline links only and never
+a CTA — it appears here solely as `chart-1`. One scarce near-black surface frames or
+closes a view — the operator descendant of Cal's dark footer — at most one per view.
+Status hues speak only status; in light they deepen one step so labels hold AA. The
+badge pastels are the chart palette — the one place this monochrome brand spends
+color.
+
+## 3 Typography
+Cal Sans — licensed at v1 sourcing, since released openly on Google Fonts — is
+restored as the display voice: geometric, weight 600, tight negative tracking, worn by
+page titles and empty states only. Inter Variable carries body, tables, buttons, nav,
+and captions; heading emphasis is 600 with negative tracking, never bolder. JetBrains
+Mono carries IDs, codes, and timestamps; numeric columns render `tabular-nums`. Hero
+display (48–64px) stays behind; operator headings top out at 24px.
+
+## 4 Component Stylings
+Buttons: near-black `primary` fill, `radius-sm` (8px), no pill; press deepens one
+step. Secondary: `background` fill, hairline, `foreground`. Inputs: `background` fill,
+hairline; focus shifts the edge to the ink `ring` at 2px, no glow. Cards: `card` with
+hairline, `radius-md` (12px) on content cards, soft shadow only when lifted. Table
+rows: hairline grid, `muted` hover, `accent` selection, mono figures. Badges: pill
+radius, `muted` or status fill, uppercase caption, never `primary`. Detail opens in
+the side panel.
+
+## 5 Layout
+4px base; sidebar 248/56px; topbar 64px — Cal's airier nav band; side panel 420/640px;
+content max 1280px. Density is spacious — generous whitespace is the brand — stepping
+denser per archetype without cramming. The 96px marketing rhythm stays behind.
+
+## 6 Depth
+Soft and modern: the surface ladder and hairlines first, soft slate-tinted shadow
+reserved for true lift — no heavy drops, no neumorphism, no glass. The scarce
+near-black surface elevates by color contrast, not a heavier shadow. Dark is an
+authored ladder: `background` 0.16 L, `surface-raised` +0.055, `surface-overlay`
++0.10, hue held at 264. Focus is the ink `ring`, visible on every interactive
+element. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Unhurried and precise. Named moments: `slot-settle` (availability grid updates,
+150ms), `panel-slide` (side panel, 250ms, interruptible), `ledger-press`
+(primary-action press, 100ms). Physicality is granted to auth and first-run empty
+states only. Calendars and keyboard-initiated actions never animate.
+
+## 8 Iconography & Charts
+Lucide, 1.75px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline
+axes, no gridline fills; the categorical ramp is where the badge pastels live — link
+blue, orange, pink, violet, emerald. Tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Front-desk brevity: polite, exact, no exclamation. "Create booking" · "Nothing
+scheduled — your next opening is Tuesday 09:00" · "This event type is linked to 4
+routing forms; reassign them before archiving."
+
+## 10 Do's & Don'ts
+Do keep the action layer monochrome — near-black `primary`, ink `ring`. Do hold
+display at Cal Sans 600 with tight tracking; body stays Inter. Do keep geometry soft:
+8px controls, 12px cards. Don't promote the link blue to a CTA — it is inline-link and
+chart-only. Don't exceed 16px radius on a card — larger reads consumer-toy. Don't
+scatter the near-black surface — one framing element per view. Don't add heavy drop
+shadows or any gradient.
+
+## 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: forms cap at 640px; tables and dashboards use the full width under the
+1280px cap.
+
+## 12 Agent Prompt Guide
+Reach first for white canvas, hairline, and the light-gray ladder — a grayscale
+system. Accent only the primary action, in near-black; if two things want it, one is
+not primary. Page titles wear Cal Sans 600 tight; never scale to hero sizes. Charts
+are the only place color spends. The near-black framing surface appears at most once
+per view. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 264)
+    foreground: oklch(0.19 0.005 264)
+    card: oklch(0.995 0.005 264)
+    card-foreground: oklch(0.19 0.005 264)
+    popover: oklch(0.995 0.005 264)
+    popover-foreground: oklch(0.19 0.005 264)
+    primary: oklch(0.19 0.005 264)
+    primary-foreground: oklch(0.99 0.005 264)
+    secondary: oklch(0.97 0.005 264)
+    secondary-foreground: oklch(0.19 0.005 264)
+    muted: oklch(0.97 0.005 264)
+    muted-foreground: oklch(0.51 0.023 264)
+    accent: oklch(0.96 0.007 264)
+    accent-foreground: oklch(0.19 0.005 264)
+    destructive: oklch(0.55 0.19 27)
+    destructive-foreground: oklch(0.99 0.005 27)
+    success: oklch(0.55 0.13 162)
+    warning: oklch(0.62 0.15 66)
+    border: oklch(0.928 0.006 264)
+    input: oklch(0.928 0.006 264)
+    ring: oklch(0.19 0.005 264)
+    surface-raised: oklch(0.995 0.005 264)
+    surface-overlay: oklch(0.995 0.005 264)
+    chart-1: oklch(0.623 0.188 260)
+    chart-2: oklch(0.65 0.15 45)
+    chart-3: oklch(0.62 0.16 350)
+    chart-4: oklch(0.55 0.16 295)
+    chart-5: oklch(0.60 0.13 162)
+    sidebar: oklch(0.975 0.005 264)
+    sidebar-foreground: oklch(0.19 0.005 264)
+    sidebar-primary: oklch(0.19 0.005 264)
+    sidebar-primary-foreground: oklch(0.99 0.005 264)
+    sidebar-accent: oklch(0.955 0.006 264)
+    sidebar-accent-foreground: oklch(0.19 0.005 264)
+    sidebar-border: oklch(0.928 0.006 264)
+    sidebar-ring: oklch(0.19 0.005 264)
+  dark:
+    background: oklch(0.16 0.006 264)
+    foreground: oklch(0.95 0.005 264)
+    card: oklch(0.20 0.007 264)
+    card-foreground: oklch(0.95 0.005 264)
+    popover: oklch(0.26 0.008 264)
+    popover-foreground: oklch(0.95 0.005 264)
+    primary: oklch(0.95 0.005 264)
+    primary-foreground: oklch(0.18 0.006 264)
+    secondary: oklch(0.24 0.008 264)
+    secondary-foreground: oklch(0.92 0.005 264)
+    muted: oklch(0.23 0.007 264)
+    muted-foreground: oklch(0.70 0.015 264)
+    accent: oklch(0.27 0.008 264)
+    accent-foreground: oklch(0.93 0.005 264)
+    destructive: oklch(0.62 0.19 27)
+    destructive-foreground: oklch(0.13 0.02 27)
+    success: oklch(0.68 0.13 162)
+    warning: oklch(0.72 0.14 66)
+    border: oklch(0.27 0.008 264)
+    input: oklch(0.27 0.008 264)
+    ring: oklch(0.95 0.005 264)
+    surface-raised: oklch(0.215 0.007 264)
+    surface-overlay: oklch(0.26 0.008 264)
+    chart-1: oklch(0.65 0.17 260)
+    chart-2: oklch(0.72 0.14 45)
+    chart-3: oklch(0.70 0.15 350)
+    chart-4: oklch(0.65 0.14 295)
+    chart-5: oklch(0.70 0.12 162)
+    sidebar: oklch(0.14 0.006 264)
+    sidebar-foreground: oklch(0.92 0.005 264)
+    sidebar-primary: oklch(0.95 0.005 264)
+    sidebar-primary-foreground: oklch(0.18 0.006 264)
+    sidebar-accent: oklch(0.21 0.007 264)
+    sidebar-accent-foreground: oklch(0.92 0.005 264)
+    sidebar-border: oklch(0.21 0.007 264)
+    sidebar-ring: oklch(0.95 0.005 264)
+typography:
+  display: { family: "Cal Sans", 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] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.02em }
+    h2: { size: 18px, line: 25px, weight: 600, family: sans, tracking: -0.02em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 12px, line: 14px, 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], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 12px, lg: 16px }
+  hairline: border
+  shadow:
+    overlay: "0 4px 12px oklch(0.20 0.01 264 / 0.08)"
+    popover: "0 1px 2px oklch(0.20 0.01 264 / 0.05)"
+  dark-ladder: { background: 0.16, raised: 0.215, overlay: 0.26, hue-held: 264 }
+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, first-run-empty]
+iconography: { set: lucide, stroke: 1.75px, grid: [16px, 20px] }
+charts:
+  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
+  sequential: { from: background, to: chart-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-5 }
+layout: { base: 4px, sidebar: [248px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1280px }
+```