@nurix/etna 0.19.50 → 0.19.51

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

@@ -1,205 +0,0 @@
----
-schema: design-md/v2
-id: airtable
-tier: brand
-segments: [productivity, database, no-code]
-keywords: [editorial, ink-primary, calm, hairline, never-bold, link-blue]
-sourced: 2026-07-12
-sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; licensed Haas Grotesk substituted with Inter Variable (open), per the v1 entry's own resolution; IBM Plex Mono for record IDs"
-license: open
----
-
-# airtable — a print shop's proofing table
-
-## 1 Visual Theme
-A print shop's proofing table: bright white stock under even light, a near-black
-brayer resting on the roller, one blue-inked APPROVED stamp for the proofs that pass —
-calm, editorial, unhurried. Light default; the dark theme is the shop after close,
-an authored slate ladder, never inverted paper. Flat: hairlines, weight, and
-whitespace carry all hierarchy — the brand is emphatically shadow-light. The
-distinctive move sits at the center: the primary action is **near-black ink, not a
-color**; blue is only the link and the focus ring.
-
-## 2 Color Roles
-`primary` is near-black cool-navy ink — the only fill that means "act", always with a
-white label. The link blue carries `ring` and inline links, never a CTA fill; the most
-common misread is treating link-blue as `primary`. `accent` is the pale-blue wash for
-selected rows and active nav. Neutrals are cool near-whites tinted faintly toward the
-ink's navy, never pure gray. Status hues speak only status. The warm signature palette
-(coral, forest, cream, peach, mustard) is marketing chrome — it survives only inside
-`chart-*`, never as UI chrome or a second accent.
-
-## 3 Typography
-One sans, one mono. Inter Variable is the open substitute the licensed Haas Grotesk
-resolves to — UI, body, and headings all ride it. The Airtable trait: **never bold**.
-Emphasis bumps weight one step to 500; 600/700 in running UI reads as a template, and
-true bold stays reserved for legal surfaces. IBM Plex Mono carries record IDs, keys,
-timestamps, and log lines. Numeric columns render `tabular-nums`. Emphasis bumps
-weight, never size.
-
-## 4 Component Stylings
-Buttons: near-black `primary` fill on `primary-foreground`, `radius-md`, no pill;
-secondary is `secondary` fill with hairline `border` — the white-outline pair to the
-near-black CTA. Inputs: `background` fill, hairline, blue `ring` at 2px on focus, no
-glow. Cards: `card` with hairline, shadow only when lifted. Table rows: roomy 44px,
-`border` grid lines, `muted` hover, `accent` selection, mono figures. Badges: hairline
-+ `muted`/status fill, uppercase caption, never `primary`. Detail opens in the side
-panel; modals are confirmations only.
-
-## 5 Layout
-4px base; sidebar 240/56px (the brand's filter-rail width); topbar 64px (the brand nav
-height); side panel 420/640px; content max 1320px. Rows are a roomy 44px — the
-editorial reading, not a dense grid. The marketing 96px section rhythm stays behind.
-
-## 6 Depth
-Flat — color-block first, shadow second. Canvas, then `card` on a hairline, then the
-one soft slate-tinted shadow reserved for true overlays. Dark is an authored ladder:
-`background` 0.17 L, `surface-raised` +0.05, `surface-overlay` +0.09, hue held at 262.
-Focus is a 2px blue `ring` outline, never a glow, visible on every interactive
-element. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Quiet and editorial. Named moments: `panel-slide` (side panel, 280ms, interruptible),
-`proof-fade` (page and view transitions, 180ms), `ink-press` (primary-action press,
-120ms). Physicality is granted only to first-run empty states. Grids, cells, 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 signature warm palette
-lives — link blue, rust, forest, mustard, peach (`chart-1..5`). Tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-A patient librarian: precise, lower-key than the work it organizes. "Create record" ·
-"No records match this view — clear 2 filters to see 148" · "This field is referenced
-by 3 views; unlink them before deleting."
-
-## 10 Do's & Don'ts
-Do keep `primary` near-black — the brand action is ink, never the link blue. Do carry
-hierarchy with hairlines, weight, and whitespace. Don't bold the UI — emphasis tops
-out at 500. Don't promote the warm palette out of charts. Don't pill the CTA — the
-marketing pill is a pricing-page signal. Don't open detail in a modal when the side
-panel fits.
-
-## 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 list+detail
-holds. 1440: forms cap at 640px; tables and dashboards use the full width under the
-1320px cap.
-
-## 12 Agent Prompt Guide
-Lead every list with its table. The accent is near-black ink — blue is links and focus
-only; if two things want the accent, one is not primary. Weight 500 is the ceiling.
-Every numeric column is mono `tabular-nums`. A single near-black band is the brand's
-one voltage moment — a summary or hero card, never routine chrome. Dark is authored —
-consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 255)
-    foreground: oklch(0.23 0.019 262)
-    card: oklch(0.995 0.005 255)
-    card-foreground: oklch(0.23 0.019 262)
-    popover: oklch(0.995 0.005 255)
-    popover-foreground: oklch(0.23 0.019 262)
-    primary: oklch(0.23 0.019 262)
-    primary-foreground: oklch(0.99 0.005 255)
-    secondary: oklch(0.98 0.005 250)
-    secondary-foreground: oklch(0.23 0.019 262)
-    muted: oklch(0.975 0.006 250)
-    muted-foreground: oklch(0.42 0.015 264)
-    accent: oklch(0.963 0.012 260)
-    accent-foreground: oklch(0.23 0.019 262)
-    destructive: oklch(0.53 0.184 31)
-    destructive-foreground: oklch(0.99 0.005 31)
-    success: oklch(0.45 0.14 145)
-    warning: oklch(0.55 0.14 55)
-    border: oklch(0.90 0.006 255)
-    input: oklch(0.90 0.006 255)
-    ring: oklch(0.51 0.176 259)
-    surface-raised: oklch(0.995 0.005 255)
-    surface-overlay: oklch(0.995 0.005 255)
-    chart-1: oklch(0.51 0.176 259)
-    chart-2: oklch(0.49 0.168 36)
-    chart-3: oklch(0.45 0.148 143)
-    chart-4: oklch(0.75 0.13 80)
-    chart-5: oklch(0.81 0.116 52)
-    sidebar: oklch(0.98 0.005 250)
-    sidebar-foreground: oklch(0.23 0.019 262)
-    sidebar-primary: oklch(0.23 0.019 262)
-    sidebar-primary-foreground: oklch(0.99 0.005 255)
-    sidebar-accent: oklch(0.963 0.012 260)
-    sidebar-accent-foreground: oklch(0.23 0.019 262)
-    sidebar-border: oklch(0.90 0.006 255)
-    sidebar-ring: oklch(0.51 0.176 259)
-  dark:
-    background: oklch(0.17 0.012 262)
-    foreground: oklch(0.93 0.006 250)
-    card: oklch(0.20 0.013 262)
-    card-foreground: oklch(0.93 0.006 250)
-    popover: oklch(0.26 0.014 262)
-    popover-foreground: oklch(0.93 0.006 250)
-    primary: oklch(0.93 0.006 250)
-    primary-foreground: oklch(0.20 0.015 262)
-    secondary: oklch(0.24 0.013 262)
-    secondary-foreground: oklch(0.90 0.007 250)
-    muted: oklch(0.23 0.013 262)
-    muted-foreground: oklch(0.68 0.015 260)
-    accent: oklch(0.28 0.03 260)
-    accent-foreground: oklch(0.92 0.008 250)
-    destructive: oklch(0.62 0.18 30)
-    destructive-foreground: oklch(0.13 0.02 30)
-    success: oklch(0.65 0.13 150)
-    warning: oklch(0.70 0.13 60)
-    border: oklch(0.27 0.013 262)
-    input: oklch(0.27 0.013 262)
-    ring: oklch(0.62 0.15 259)
-    surface-raised: oklch(0.22 0.013 262)
-    surface-overlay: oklch(0.26 0.014 262)
-    chart-1: oklch(0.62 0.15 259)
-    chart-2: oklch(0.66 0.14 40)
-    chart-3: oklch(0.65 0.12 145)
-    chart-4: oklch(0.78 0.12 80)
-    chart-5: oklch(0.80 0.10 52)
-    sidebar: oklch(0.15 0.012 262)
-    sidebar-foreground: oklch(0.90 0.007 250)
-    sidebar-primary: oklch(0.93 0.006 250)
-    sidebar-primary-foreground: oklch(0.20 0.015 262)
-    sidebar-accent: oklch(0.23 0.015 262)
-    sidebar-accent-foreground: oklch(0.91 0.007 250)
-    sidebar-border: oklch(0.23 0.013 262)
-    sidebar-ring: oklch(0.62 0.15 259)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
-  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 30px, line: 38px, weight: 500, family: display }
-    h1: { size: 24px, line: 32px, weight: 500, family: sans }
-    h2: { size: 18px, line: 25px, weight: 500, family: sans }
-    body: { size: 14px, line: 20px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 14px, weight: 500, 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], sans: [chrome, controls, body], mono: [data, ids, timestamps] }
-elevation:
-  radius: { sm: 4px, md: 6px, lg: 10px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 24px oklch(0.23 0.02 262 / 0.12)"
-    popover: "0 4px 12px oklch(0.23 0.02 262 / 0.08)"
-  dark-ladder: { background: 0.17, raised: 0.22, overlay: 0.26, hue-held: 262 }
-motion:
-  duration: { press: 120ms, fade: 180ms, panel: 280ms }
-  easing: { standard: "cubic-bezier(0.4, 0, 0.2, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [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-3 }
-layout: { base: 4px, sidebar: [240px, 56px], topbar: 64px, side-panel: [420px, 640px], content-max: 1320px }
-```

package/data/harnesses/apollo/skills/design/design-md/library/anthropic-claude.md

@@ -1,203 +0,0 @@
----
-schema: design-md/v2
-id: anthropic-claude
-tier: brand
-segments: [ai, dev-tools, research]
-keywords: [warm, cream, coral, serif, editorial, dark-inlay]
-sourced: 2026-07-12
-sources: "v1 library entry (design-md/v1, sourced 2026-07-04) + 2026-07-12 re-audit; proprietary Styrene B substituted with Inter Variable (open), Copernicus/Tiempos display substituted with Cormorant Garamond (open, per the v1 entry); coral deepened one step in light for AA fills"
-license: open
----
-
-# anthropic-claude — a reading room at golden hour
-
-## 1 Visual Theme
-A reading room at golden hour: cream paper on a walnut desk, a serif title at the head
-of the page, one terracotta bookmark, and in the corner a dark slate terminal glowing
-with mono type. Warm by default — the tinted cream canvas, never the cool gray-white
-the category defaults to. Flat: warm hairlines, type weight, and the cream surface
-ladder carry hierarchy, never heavy shadow. One coral accent reserved for the action
-that matters. The dark theme is the same room after dusk — a warm charcoal ladder, hue
-held, not an inversion.
-
-## 2 Color Roles
-Warm near-black `foreground` on the cream `background`; every neutral is tinted warm —
-a gray canvas is a different brand. `primary` is Claude coral, deepened one step from
-the marketing hex so its cream label holds AA; it carries the one primary action,
-active nav, and the text link. `accent` warms the cream for selection — selection
-warms, it does not colour. `ring` is coral, because keyboard-first. Status hues speak
-only status; teal and gold are chart graces. The dark charcoal inlay is not a page
-surface in light — it dresses code, log, and terminal panels only.
-
-## 3 Typography
-Two families carry the voice. Cormorant Garamond (the open stand-in for Copernicus /
-Tiempos) wears page and section titles at 400 with negative tracking — the serif voice
-is the brand's irreducible signature; **never bold the serif**. Inter Variable (the
-Styrene B substitute) is the body, table, and label workhorse; emphasis is weight 500,
-never 600+. JetBrains Mono carries IDs, code, timestamps, and log lines; numeric
-columns render `tabular-nums`. The 64px display stays behind in marketing.
-
-## 4 Component Stylings
-Buttons: coral `primary` fill, `radius-md` (8px), no pill; secondary is the
-`secondary` cream fill with warm hairline. Inputs: `background` fill, hairline, coral
-`ring` at 2px on focus, no glow. Cards: `card` on a warm hairline — panels read by
-their border, not brightness. Table rows: `muted` hover, selection warms to `accent`,
-mono figures. Badges: pill radius, `muted`/status fill, uppercase caption. Code, log,
-and terminal panels wear the dark inlay (`sidebar`-dark charcoal + mono) even in
-light. Detail opens in the side panel.
-
-## 5 Layout
-4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1280px — a
-hair more generous than a dense console. The marketing 96px rhythm stays behind.
-
-## 6 Depth
-Flat, color-block-first. The cream ladder and warm hairlines carry rank; the one soft
-warm-tinted shadow belongs to true overlays. Dark: authored ladder — `background`
-0.185 L, `surface-raised` +0.04, `surface-overlay` +0.085, hue held at 85. Focus is a
-coral `ring` outline, never a glow. Three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Composed, book-like. Named moments: `panel-slide` (side panel, 250ms, interruptible),
-`page-settle` (content arrival, 150ms), `coral-press` (primary-action press, 100ms).
-Physicality is granted to auth and first-run empty states only. Tables, code panels,
-and keyboard-initiated actions never animate.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline warm
-axes, no gridline fills; categorical ramp of coral, teal, gold, green, slate-navy —
-the only place teal and gold speak. Tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Considered and warm, never exclamatory: plain verbs, honest numbers, a full sentence
-where it earns its length. "Add workspace" · "Nothing needs review — 6 runs completed
-overnight" · "This key was last rotated 94 days ago; rotate it before enabling
-production traffic."
-
-## 10 Do's & Don'ts
-Do anchor on the warm cream canvas — pure white reads as any-other-AI-tool. Do wear
-the serif with negative tracking on titles only. Do dress code and log panels in the
-dark inlay with mono. Don't bold the serif — it reads bombastic. Don't promote teal or
-gold to UI accents. Don't pill the primary CTA — pill is badges only. Don't signal
-elevation with heavy shadows or open detail in a modal when the panel fits.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; list+detail stacks; side panel → full sheet. 768:
-sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail holds. 1440:
-forms cap at 640px; breathing widens. Code and log inlays keep mono legibility at
-every breakpoint by scrolling horizontally, never wrapping.
-
-## 12 Agent Prompt Guide
-Reach for the cream canvas first — the warm tint is Claude. Spend coral once; if two
-things want it, one is not primary. Titles wear the serif at reduced scale with
-negative tracking; everything else is the humanist sans, emphasis by weight 500. Show
-real product chrome: code panels get the dark inlay, never a light mockup. Dark is
-authored — consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.982 0.005 95)
-    foreground: oklch(0.20 0.005 100)
-    card: oklch(0.982 0.005 95)
-    card-foreground: oklch(0.20 0.005 100)
-    popover: oklch(0.99 0.005 95)
-    popover-foreground: oklch(0.20 0.005 100)
-    primary: oklch(0.54 0.115 39)
-    primary-foreground: oklch(0.985 0.007 90)
-    secondary: oklch(0.936 0.015 83)
-    secondary-foreground: oklch(0.20 0.005 100)
-    muted: oklch(0.957 0.012 80)
-    muted-foreground: oklch(0.50 0.010 92)
-    accent: oklch(0.909 0.021 82)
-    accent-foreground: oklch(0.20 0.005 100)
-    destructive: oklch(0.55 0.163 24)
-    destructive-foreground: oklch(0.985 0.007 24)
-    success: oklch(0.55 0.12 150)
-    warning: oklch(0.66 0.13 84)
-    border: oklch(0.907 0.012 68)
-    input: oklch(0.907 0.012 68)
-    ring: oklch(0.54 0.115 39)
-    surface-raised: oklch(0.988 0.005 95)
-    surface-overlay: oklch(0.99 0.005 95)
-    chart-1: oklch(0.658 0.113 39)
-    chart-2: oklch(0.60 0.10 185)
-    chart-3: oklch(0.735 0.146 84)
-    chart-4: oklch(0.62 0.11 150)
-    chart-5: oklch(0.50 0.06 270)
-    sidebar: oklch(0.97 0.008 92)
-    sidebar-foreground: oklch(0.20 0.005 100)
-    sidebar-primary: oklch(0.54 0.115 39)
-    sidebar-primary-foreground: oklch(0.985 0.007 90)
-    sidebar-accent: oklch(0.909 0.021 82)
-    sidebar-accent-foreground: oklch(0.20 0.005 100)
-    sidebar-border: oklch(0.90 0.012 78)
-    sidebar-ring: oklch(0.54 0.115 39)
-  dark:
-    background: oklch(0.185 0.005 85)
-    foreground: oklch(0.93 0.008 90)
-    card: oklch(0.215 0.006 85)
-    card-foreground: oklch(0.93 0.008 90)
-    popover: oklch(0.27 0.007 85)
-    popover-foreground: oklch(0.93 0.008 90)
-    primary: oklch(0.72 0.12 39)
-    primary-foreground: oklch(0.16 0.02 39)
-    secondary: oklch(0.25 0.007 85)
-    secondary-foreground: oklch(0.90 0.008 90)
-    muted: oklch(0.235 0.006 85)
-    muted-foreground: oklch(0.68 0.010 88)
-    accent: oklch(0.30 0.020 82)
-    accent-foreground: oklch(0.92 0.010 85)
-    destructive: oklch(0.62 0.16 25)
-    destructive-foreground: oklch(0.14 0.02 25)
-    success: oklch(0.67 0.12 150)
-    warning: oklch(0.74 0.13 84)
-    border: oklch(0.27 0.007 85)
-    input: oklch(0.27 0.007 85)
-    ring: oklch(0.72 0.12 39)
-    surface-raised: oklch(0.225 0.006 85)
-    surface-overlay: oklch(0.27 0.007 85)
-    chart-1: oklch(0.72 0.12 39)
-    chart-2: oklch(0.70 0.10 185)
-    chart-3: oklch(0.78 0.13 84)
-    chart-4: oklch(0.70 0.11 150)
-    chart-5: oklch(0.65 0.06 270)
-    sidebar: oklch(0.165 0.005 85)
-    sidebar-foreground: oklch(0.90 0.008 90)
-    sidebar-primary: oklch(0.72 0.12 39)
-    sidebar-primary-foreground: oklch(0.16 0.02 39)
-    sidebar-accent: oklch(0.22 0.006 85)
-    sidebar-accent-foreground: oklch(0.91 0.008 88)
-    sidebar-border: oklch(0.24 0.006 85)
-    sidebar-ring: oklch(0.72 0.12 39)
-typography:
-  display: { family: "Cormorant Garamond", fallback: "Georgia, serif", weights: [400, 500] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 32px, line: 38px, weight: 400, family: display, tracking: -0.02em }
-    h1: { size: 28px, line: 34px, weight: 400, family: display, tracking: -0.02em }
-    h2: { size: 22px, line: 29px, weight: 400, family: display, tracking: -0.01em }
-    body: { size: 14px, line: 22px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 17px, weight: 500, family: sans, tracking: 0.12em, transform: uppercase }
-    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, section-head, empty-state, auth], sans: [chrome, controls, body], mono: [data, ids, timestamps, code] }
-elevation:
-  radius: { sm: 6px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 28px oklch(0.25 0.02 85 / 0.12)"
-    popover: "0 4px 14px oklch(0.25 0.02 85 / 0.08)"
-  dark-ladder: { background: 0.185, raised: 0.225, overlay: 0.27, hue-held: 85 }
-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.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-4 }
-layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1280px }
-```

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