@nurix/etna 0.19.49 → 0.19.51

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

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

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