@nurix/etna 0.19.50 → 0.19.52

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

@@ -1,202 +0,0 @@
----
-schema: design-md/v2
-id: framer
-tier: brand
-segments: [design-tools, web-builders, creative]
-keywords: [dark, black, artboard, blue-signal, poster, tight-tracking]
-sourced: 2026-07-12
-sources: "design-md/v1 framer entry (2026-07-04); 2026-07-12 re-audit of Framer public brand; Inter (with its cv/ss character variants) is the brand's operator body voice, standing in for the hero-scale GT Walsheim; Geist Mono for data; the brand ships dark-only — the light theme here is the authored opt-in counterpart"
-license: open
----
-
-# framer — a blacked-out photo studio with one blue status light
-
-## 1 Visual Theme
-A photographer's blacked-out studio: near-black walls swallowing the edges, one white
-poster pinned dead center, and a single blue status LED that means *recording*. Dark by
-default and dark by identity — the brand ships no light mode; the light theme in the
-block is the authored opt-in counterpart, a gallery print of the same poster. Hierarchy
-rises through a three-step surface ladder — canvas, surface-1, surface-2 — with hairlines
-and white ink against gray; never heavy shadow. Selection is lift, not color.
-
-## 2 Color Roles
-Pure-white ink `foreground` on the near-black `background`; hierarchy is binary — ink or
-`muted-foreground`, no mid-tones between. `primary` is the high-contrast white button,
-one per surface. Framer Blue lives in `ring`, links, and active indicators — a signal,
-never a fill. `accent` is the surface-2 lift for hover and selection. The gradient hues
-(violet, magenta, orange, coral) carry no chrome role — chart series only. Status hues
-speak only status.
-
-## 3 Typography
-Inter (body, UI, headings — with its `cv01/cv05/cv09/cv11/ss03/ss07` character variants
-on; they are the brand's body voice) over Geist Mono (IDs, codes, timestamps, logs). The
-signature is tight tracking: headings run tighter-than-neutral, never the hero's -5%
-extreme; the GT Walsheim display stays behind. Register scope: display register for page
-titles, empty states, and auth; mono for data; numeric columns `tabular-nums` (Inter
-carries `tnum`).
-
-## 4 Component Stylings
-Buttons `radius-sm` (8px), white `primary` fill on the dark shell, no pill; secondary on
-surface-1 with hairline. Inputs on `card` with hairline; focus draws the blue `ring` at
-2px — the one chromatic moment in the field. Cards on surface-1 with hairline; a faint
-light top-edge plus soft drop only when one truly floats. Table rows lift to `accent`
-(surface-2) on selection, never a colored fill. Detail opens in the side panel; badges
-take hairline with status fills — never `primary`, never the blue.
-
-## 5 Layout
-4px base (the marketing 5px rhythm normalizes to the operator ramp); sidebar 248/56px;
-topbar 56px (the brand's nav height); side panel 440/640px; content max 1400px — the
-poster composure kept, not terminal density.
-
-## 6 Depth
-The charcoal ladder is the depth system: `background` 0.15 L, `surface-raised` +0.06,
-`surface-overlay` +0.12, cool hue held at 250; overlays add a light top-edge and one soft
-blue-tinted drop against the near-black. No level stacks a heavier shadow to signal rank.
-Focus is the 2px blue `ring` — the only chromatic depth signal; three z-levels: content,
-chrome, overlay.
-
-## 7 Motion
-Poster-confident but brief — the tool that sells motion must not fidget. Named moments:
-`surface-lift` (hover/selection rung step, 120ms), `panel-slide` (side panel, 260ms,
-interruptible), `publish-press` (primary-action press, 120ms). Physicality is granted
-only to auth and first-run empty states; nothing animates in tables or on any
-keyboard-initiated action.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes on
-the dark canvas, no gridline fills; the categorical ramp spends the demoted gradient
-atmosphere as data — blue, violet, magenta, orange, coral (`chart-1..5`); tooltips on
-`surface-overlay` with mono numerals.
-
-## 9 Voice
-Poster-terse: few words, high confidence, no exclamation. "Publish" · "Nothing queued —
-the site is live" · "This breakpoint has unlinked overrides; review before publishing."
-
-## 10 Do's & Don'ts
-Do keep the base dark — the near-black canvas is the identity. Do keep Framer Blue a
-signal: ring, links, active indicators; if the blue becomes a fill, the brand is
-drifting. Do mark selection by surface lift, not tint. Do keep hierarchy binary — ink or
-ink-muted, nothing between. Don't wash any section in a gradient — gradients were
-marketing atmosphere. Don't pill operator buttons. Don't open detail in a modal when the
-side panel fits.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
-collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
-holds. 1440: forms cap; tables and dashboards use the full width. The dark theme holds at
-every width.
-
-## 12 Agent Prompt Guide
-Build dark on the charcoal ladder — canvas, surface-1, surface-2 — with white ink and
-gray muted. The one primary action is a white button. Blue only as signal. Track headings
-tight; keep Inter's character variants on; every ID and timestamp in Geist Mono. Selected
-is lift, not color. Light is the authored opt-in — consult the block, never invert.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.985 0.005 250)
-    foreground: oklch(0.17 0.005 250)
-    card: oklch(0.995 0.005 250)
-    card-foreground: oklch(0.17 0.005 250)
-    popover: oklch(0.995 0.005 250)
-    popover-foreground: oklch(0.17 0.005 250)
-    primary: oklch(0.17 0.005 250)
-    primary-foreground: oklch(0.985 0.005 250)
-    secondary: oklch(0.945 0.006 250)
-    secondary-foreground: oklch(0.22 0.006 250)
-    muted: oklch(0.955 0.005 250)
-    muted-foreground: oklch(0.48 0.01 250)
-    accent: oklch(0.93 0.007 250)
-    accent-foreground: oklch(0.2 0.006 250)
-    destructive: oklch(0.577 0.21 25)
-    destructive-foreground: oklch(0.98 0.008 25)
-    success: oklch(0.63 0.17 150)
-    warning: oklch(0.66 0.15 70)
-    border: oklch(0.9 0.006 250)
-    input: oklch(0.9 0.006 250)
-    ring: oklch(0.62 0.18 249)
-    surface-raised: oklch(0.99 0.005 250)
-    surface-overlay: oklch(0.995 0.005 250)
-    chart-1: oklch(0.55 0.18 249)
-    chart-2: oklch(0.55 0.2 295)
-    chart-3: oklch(0.6 0.22 340)
-    chart-4: oklch(0.66 0.15 55)
-    chart-5: oklch(0.62 0.18 25)
-    sidebar: oklch(0.97 0.005 250)
-    sidebar-foreground: oklch(0.2 0.006 250)
-    sidebar-primary: oklch(0.17 0.005 250)
-    sidebar-primary-foreground: oklch(0.985 0.005 250)
-    sidebar-accent: oklch(0.93 0.007 250)
-    sidebar-accent-foreground: oklch(0.2 0.006 250)
-    sidebar-border: oklch(0.9 0.006 250)
-    sidebar-ring: oklch(0.62 0.18 249)
-  dark:
-    background: oklch(0.15 0.005 250)
-    foreground: oklch(0.97 0.005 250)
-    card: oklch(0.2 0.006 250)
-    card-foreground: oklch(0.97 0.005 250)
-    popover: oklch(0.27 0.007 250)
-    popover-foreground: oklch(0.95 0.005 250)
-    primary: oklch(0.97 0.005 250)
-    primary-foreground: oklch(0.15 0.005 250)
-    secondary: oklch(0.24 0.006 250)
-    secondary-foreground: oklch(0.93 0.005 250)
-    muted: oklch(0.24 0.006 250)
-    muted-foreground: oklch(0.7 0.008 250)
-    accent: oklch(0.27 0.007 250)
-    accent-foreground: oklch(0.95 0.005 250)
-    destructive: oklch(0.637 0.208 25)
-    destructive-foreground: oklch(0.14 0.02 25)
-    success: oklch(0.723 0.192 150)
-    warning: oklch(0.769 0.165 70)
-    border: oklch(0.28 0.007 250)
-    input: oklch(0.28 0.007 250)
-    ring: oklch(0.669 0.184 249)
-    surface-raised: oklch(0.21 0.006 250)
-    surface-overlay: oklch(0.27 0.007 250)
-    chart-1: oklch(0.669 0.184 249)
-    chart-2: oklch(0.6 0.2 295)
-    chart-3: oklch(0.65 0.22 340)
-    chart-4: oklch(0.72 0.16 55)
-    chart-5: oklch(0.68 0.18 25)
-    sidebar: oklch(0.13 0.005 250)
-    sidebar-foreground: oklch(0.93 0.005 250)
-    sidebar-primary: oklch(0.97 0.005 250)
-    sidebar-primary-foreground: oklch(0.15 0.005 250)
-    sidebar-accent: oklch(0.22 0.006 250)
-    sidebar-accent-foreground: oklch(0.92 0.005 250)
-    sidebar-border: oklch(0.24 0.006 250)
-    sidebar-ring: oklch(0.669 0.184 249)
-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: "Geist Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 33px, weight: 600, family: display, tracking: -0.025em }
-    h1: { size: 24px, line: 29px, weight: 600, family: sans, tracking: -0.02em }
-    h2: { size: 20px, line: 25px, weight: 600, family: sans, tracking: -0.015em }
-    body: { size: 15px, line: 21px, weight: 400, family: sans }
-    small: { size: 14px, line: 20px, weight: 400, family: sans }
-    caption: { size: 13px, line: 16px, weight: 400, family: sans, tracking: 0.01em }
-    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, codes, timestamps, logs] }
-elevation:
-  radius: { sm: 8px, md: 10px, lg: 14px }
-  hairline: border
-  shadow:
-    overlay: "0 10px 32px oklch(0.05 0.01 250 / 0.55)"
-    popover: "0 4px 16px oklch(0.05 0.01 250 / 0.4)"
-  dark-ladder: { background: 0.15, raised: 0.21, overlay: 0.27, hue-held: 250 }
-motion:
-  duration: { press: 120ms, fade: 160ms, panel: 260ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-1 }
-  diverging: { negative: destructive, mid: muted, positive: success }
-layout: { base: 4px, sidebar: [248px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1400px }
-```

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

@@ -1,205 +0,0 @@
----
-schema: design-md/v2
-id: hashicorp
-tier: brand
-segments: [infra, devops, enterprise]
-keywords: [pure-black, charcoal, engineered, blue, multi-product, flat]
-sourced: 2026-07-12
-sources: "design-md/v1 hashicorp entry (2026-07-04); 2026-07-12 re-audit of HashiCorp public brand; Inter substitutes the licensed HashiCorp Sans; JetBrains Mono for data; the pure-black canvas is the brand's recorded override of the no-pure-black floor; the blue action fill carries near-black ink at operator contrast (marketing white-on-blue is large-text scale)"
-license: open
----
-
-# hashicorp — a midnight data-center corridor of matte black racks
-
-## 1 Visual Theme
-A data-center corridor at night: matte pure-black racks in ordered rows, charcoal panel
-faces one lift above the void, felt-thin seams between them, and a single blue status LED
-per rack meaning *healthy*. Dark by default — and literally pure black: the `background`
-is `#000000` by recorded brand override (the doctrine's no-pure-black floor yields to the
-brand token; noted plainly here, and the neutral-tint rule yields with it). Emphatically
-flat: the charcoal ladder, hairlines, weight, and white-on-black contrast carry
-everything — never shadow. The light theme is the opt-in counterpart, drawn from the
-brand's light documentation surfaces.
-
-## 2 Color Roles
-White ink `foreground` on the pure-black `background`; `card` is the charcoal surface-1
-lift, `secondary`/`accent` the surface-2 rung for hover and selection, `muted` the faint
-inset well *below* the canvas. `primary` accent-blue is the one product-neutral chromatic
-hue — the primary action, the focus `ring`, active nav; on the fill it carries near-black
-ink at operator contrast (the marketing white-on-blue lives at large-text scale). The
-per-product palette — Terraform purple, Vault yellow, Waypoint cyan, Nomad green,
-Boundary coral — carries no UI role; it draws the chart ramp. Status hues speak status.
-
-## 3 Typography
-Inter (the open substitute for the geometric-humanist HashiCorp Sans) — one family across
-the whole hierarchy, headings at 600 with tight tracking, the 700 display weights left
-behind — over JetBrains Mono, the operator's reclaim for IDs, codes, timestamps, and log
-lines. Register scope: display register for page titles, empty states, and auth; the
-uppercase eyebrow above meaningful sections; numeric columns `tabular-nums`.
-
-## 4 Component Stylings
-Buttons `radius-sm` (6px), blue `primary` fill with ink label, never a pill; secondary on
-the surface-2 charcoal with hairline; the brand's white-on-black CTA is a legitimate
-monochrome variant for a lone hero action. Inputs on `background` with the strong
-hairline; focus draws the blue `ring` at 2px. Cards are the charcoal lift off black on a
-hairline — the lift is the depth. Table rows hover to `accent` with a blue left
-indicator on selection. Detail opens in the side panel; badges take hairline with status
-fills, uppercase captions; pill radius is badges-only.
-
-## 5 Layout
-8px base; sidebar 256/56px; topbar 64px (the brand's nav height); side panel 440/640px;
-content max 1440px. Density standard, stepping denser per archetype; the 96px marketing
-rhythm and full-bleed CTA banners stay behind.
-
-## 6 Depth
-Shadowless. The ladder is the system: `background` pure black, `card` surface-1 at 0.21
-L, `secondary` surface-2 at 0.26, hairline charcoal-3 seams, hue held at 264 — the
-`muted` well recesses below the canvas. Overlays earn only the faintest blue-tinted lift
-above a scrim. Focus is the 2px blue `ring`; three z-levels: content, chrome, overlay.
-
-## 7 Motion
-Machine-room steady. Named moments: `rack-lift` (hover/selection rung step, 100ms),
-`panel-slide` (side panel, 220ms, interruptible), `plan-press` (primary-action press,
-120ms). Physicality is granted only to auth and first-run empty states; run queues and
-log streams update without animation; nothing moves on keyboard-initiated actions.
-
-## 8 Iconography & Charts
-Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes on
-black, no gridline fills; the categorical ramp is the per-product palette's one
-legitimate home — Terraform purple, Vault yellow, Waypoint cyan, Nomad green, Boundary
-coral (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Infrastructure formal: precise nouns, states named exactly, no exclamation. "Queue plan" ·
-"No drift detected — 42 workspaces healthy" · "Apply blocked: this policy check requires
-a soft-mandatory override."
-
-## 10 Do's & Don'ts
-Do anchor on the pure-black canvas — it is deliberate, not a near-black to be softened.
-Do spend blue once per surface: primary action, focus ring, active nav. Do reclaim mono
-for every ID, code, timestamp, and log line. Do draw chart series from the product
-palette — the one place multiple hues are legitimate. Don't rebuild the per-product
-accent system as chrome or fill a surface with a product hue. Don't pill controls. Don't
-signal elevation with shadows, and never pair a display-only face with a different body
-family — this brand is one family across the hierarchy.
-
-## 11 Responsive
-375: sidebar → off-canvas drawer; side panel → full sheet; density holds. 768: sidebar
-collapses to the icon rail; tables scroll their overflow. 1024: two-pane queue+detail
-holds. 1440: forms cap; tables and dashboards use the full width.
-
-## 12 Agent Prompt Guide
-Wear the pure-black canvas by default; cards are the charcoal lift, not white. Spend blue
-once — if two things want it, one is not primary. Headings at 600 with tight tracking,
-one family; eyebrows uppercase above sections. The product palette exists only inside
-charts. Depth is the ladder plus hairlines, never shadow. Both themes are authored —
-consult the block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.99 0.005 264)
-    foreground: oklch(0.2 0.01 264)
-    card: oklch(0.995 0.005 264)
-    card-foreground: oklch(0.2 0.01 264)
-    popover: oklch(0.995 0.005 264)
-    popover-foreground: oklch(0.2 0.01 264)
-    primary: oklch(0.53 0.22 259)
-    primary-foreground: oklch(0.98 0.005 264)
-    secondary: oklch(0.945 0.007 264)
-    secondary-foreground: oklch(0.24 0.01 264)
-    muted: oklch(0.955 0.006 264)
-    muted-foreground: oklch(0.5 0.015 266)
-    accent: oklch(0.93 0.01 260)
-    accent-foreground: oklch(0.22 0.01 264)
-    destructive: oklch(0.55 0.21 29)
-    destructive-foreground: oklch(0.98 0.008 29)
-    success: oklch(0.6 0.14 163)
-    warning: oklch(0.75 0.15 91)
-    border: oklch(0.89 0.008 264)
-    input: oklch(0.89 0.008 264)
-    ring: oklch(0.53 0.22 259)
-    surface-raised: oklch(0.985 0.005 264)
-    surface-overlay: oklch(0.995 0.005 264)
-    chart-1: oklch(0.511 0.184 302)
-    chart-2: oklch(0.72 0.15 91)
-    chart-3: oklch(0.6 0.11 198)
-    chart-4: oklch(0.58 0.14 163)
-    chart-5: oklch(0.6 0.19 22)
-    sidebar: oklch(0.965 0.006 264)
-    sidebar-foreground: oklch(0.24 0.01 264)
-    sidebar-primary: oklch(0.53 0.22 259)
-    sidebar-primary-foreground: oklch(0.98 0.005 264)
-    sidebar-accent: oklch(0.93 0.01 260)
-    sidebar-accent-foreground: oklch(0.22 0.01 264)
-    sidebar-border: oklch(0.89 0.008 264)
-    sidebar-ring: oklch(0.53 0.22 259)
-  dark:
-    background: oklch(0 0 0)
-    foreground: oklch(0.97 0.005 264)
-    card: oklch(0.21 0.013 264)
-    card-foreground: oklch(0.97 0.005 264)
-    popover: oklch(0.26 0.016 264)
-    popover-foreground: oklch(0.95 0.005 264)
-    primary: oklch(0.639 0.195 257)
-    primary-foreground: oklch(0.12 0.01 257)
-    secondary: oklch(0.26 0.016 264)
-    secondary-foreground: oklch(0.93 0.006 264)
-    muted: oklch(0.16 0.009 264)
-    muted-foreground: oklch(0.775 0.011 262)
-    accent: oklch(0.26 0.016 264)
-    accent-foreground: oklch(0.95 0.005 264)
-    destructive: oklch(0.57 0.21 29)
-    destructive-foreground: oklch(0.98 0.008 29)
-    success: oklch(0.742 0.16 163)
-    warning: oklch(0.872 0.171 91)
-    border: oklch(0.36 0.014 274)
-    input: oklch(0.36 0.014 274)
-    ring: oklch(0.639 0.195 257)
-    surface-raised: oklch(0.21 0.013 264)
-    surface-overlay: oklch(0.26 0.016 264)
-    chart-1: oklch(0.62 0.18 302)
-    chart-2: oklch(0.872 0.171 91)
-    chart-3: oklch(0.751 0.126 198)
-    chart-4: oklch(0.742 0.16 163)
-    chart-5: oklch(0.652 0.202 22)
-    sidebar: oklch(0.12 0.009 264)
-    sidebar-foreground: oklch(0.93 0.006 264)
-    sidebar-primary: oklch(0.639 0.195 257)
-    sidebar-primary-foreground: oklch(0.12 0.01 257)
-    sidebar-accent: oklch(0.21 0.013 264)
-    sidebar-accent-foreground: oklch(0.95 0.005 264)
-    sidebar-border: oklch(0.26 0.014 264)
-    sidebar-ring: oklch(0.639 0.195 257)
-typography:
-  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
-  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 28px, line: 34px, weight: 600, family: display, tracking: -0.02em }
-    h1: { size: 24px, line: 30px, weight: 600, family: sans, tracking: -0.015em }
-    h2: { size: 18px, line: 24px, weight: 600, family: sans, tracking: -0.01em }
-    body: { size: 14px, line: 21px, weight: 400, family: sans }
-    small: { size: 13px, line: 18px, weight: 400, family: sans }
-    caption: { size: 12px, line: 17px, weight: 600, family: sans, tracking: 0.05em, 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, codes, timestamps, logs] }
-elevation:
-  radius: { sm: 6px, md: 8px, lg: 12px }
-  hairline: border
-  shadow:
-    overlay: "0 10px 32px oklch(0.1 0.015 264 / 0.55)"
-    popover: "0 4px 16px oklch(0.1 0.015 264 / 0.4)"
-  dark-ladder: { background: 0.0, raised: 0.21, overlay: 0.26, hue-held: 264 }
-motion:
-  duration: { press: 120ms, fade: 150ms, panel: 220ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth, first-run-empty]
-iconography: { set: lucide, stroke: 1.5px, grid: [16px, 20px] }
-charts:
-  categorical: [chart-1, chart-2, chart-3, chart-4, chart-5]
-  sequential: { from: background, to: chart-3 }
-  diverging: { negative: destructive, mid: muted, positive: chart-4 }
-layout: { base: 8px, sidebar: [256px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1440px }
-```

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

@@ -1,205 +0,0 @@
----
-schema: design-md/v2
-id: ibm
-tier: brand
-segments: [enterprise, business-tools, data]
-keywords: [carbon, square, ibm-blue, plex, dense, flat]
-sourced: 2026-07-12
-sources: "design-md/v1 ibm entry (2026-07-04) + 2026-07-12 re-audit of IBM's Carbon Design System; IBM Plex Sans + IBM Plex Mono kept (both open, OFL, the brand's own faces); the 76/60/42px weight-300 hero display, full-bleed blue CTA banner, inverted footer, and hero gradient stay behind; dark theme authored from Carbon's Gray 100"
-license: open
----
-
-# ibm — an engineer's ruled drafting sheet on the square grid
-
-## 1 Visual Theme
-An engineer's drafting sheet under even light: white paper ruled in fine gray, every
-element set on a square grid, one blue plotter line, and nothing rounded. Light by
-default; flat and square — every button, card, input, and container sits at 0px corners,
-and rank is carried by a 1px hairline `border` and surface change, never shadow. A single
-accent, IBM Blue `primary`, is reserved for the one action that matters, links, and the
-focus rule. The neutral ramp is charcoal ink on white with fine gray doing the structural
-work. Dense by design — Carbon expects a lot on the page, not a lot of air. The dark
-theme is Carbon's Gray 100, authored as a ladder.
-
-## 2 Color Roles
-Charcoal `foreground` on white `background`; `primary` IBM Blue is the only chromatic hue
-that carries meaning — the one primary action, links, active nav, and the focus rule,
-treated as scarce. `accent` is a blue-10 tint for selected and hovered rows, a surface
-step not a fill. Status hues (`destructive`, `success`, `warning`) speak status only.
-Sections separate by thin gray rows, not large gaps — Carbon spends alignment, not air.
-Sidebar sits a faint gray step off the white in both themes.
-
-## 3 Typography
-IBM Plex Sans carries UI, body, and headings — rank comes from size and weight, never a
-second face; IBM Plex Mono returns for IDs, codes, timestamps, and log lines. Register
-scope: operator headings run weight 600, and the marketing weight-300 hero display stays
-behind. Body keeps Carbon's signature +0.16px positive tracking. Eyebrows stay sentence
-case — Carbon resists the all-caps tracked eyebrow. Every numeric column renders
-`tabular-nums`; emphasis bumps weight, never size.
-
-## 4 Component Stylings
-Buttons `radius-sm` (0px, square, never pill), IBM Blue `primary` fill; secondary follows
-Carbon's charcoal treatment, `foreground` fill with `primary-foreground` text; ghost is a
-1px `primary` border, fill only on hover. Inputs take a `muted` fill and a 1px bottom
-`border`; focus swaps it for the signature 2px `ring` underline plus the full outline,
-square. Cards flat on `card` with a hairline, 0px corners, no shadow; a recommended tile
-lifts by moving to `muted`, not by elevation. Table rows dense on `border` grid, `muted`
-hover, `accent` selection, mono figures. Detail opens in the side panel. Badges square,
-hairline, status fill, never `primary`.
-
-## 5 Layout
-4px base (Carbon's grid); ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96. Side nav
-256/48px; topbar 48px; side panel 420/640px; content max 1312px; tables full-width. Dense
-globally — Carbon spends alignment, not air — stepped per archetype, never absolute overrides.
-
-## 6 Depth
-Flat — the surface ladder and hairlines carry all rank. Light: `background` → `muted`
-surface change and 1px hairlines do the work; overlays earn the one soft blue-tinted
-tier. Dark: the authored Gray 100 ladder — `background` 0.20 L, `surface-raised` +0.06,
-`surface-overlay` +0.10, hue held at 262. Focus is Carbon's 2px `primary` outline (with a
-strong underline on fields), always visible; three z-levels: content, sticky chrome, overlay.
-
-## 7 Motion
-Productive and quick. Named moments: `press` (primary action, 110ms), `panel-slide`
-(side panel, 240ms, interruptible), `tile-fade` (content arrive, 150ms). Physicality is
-granted only to auth; nothing animates in tables or any keyboard-initiated action.
-
-## 8 Iconography & Charts
-Lucide, 1.75px stroke (Carbon-weight), 16/20px grid, `muted-foreground` default. Charts:
-hairline axes, no gridline fills; the Carbon categorical ramp — blue, purple, cyan,
-magenta, gold (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
-
-## 9 Voice
-Plain and enterprise-clear — no exclamation, no marketing lift. "Create resource" · "No
-instances running in this account" · "This action can't be undone; deleting removes 3
-attached volumes."
-
-## 10 Do's & Don'ts
-Do keep every button, card, input, and container at 0px square — the flat geometry is the
-brand. Do reserve IBM Blue `primary` for the single action, links, and the focus rule.
-Do carry rank with surface change and 1px hairlines, and keep the +0.16px body tracking
-with sentence-case eyebrows. Don't round corners — even 4px breaks the Carbon look.
-Don't bold headings past weight 600 or reach for the marketing weight-300 hero. Don't
-promote a second chromatic accent or signal rank with shadow.
-
-## 11 Responsive
-375: side nav → hamburger overlay; utility meta hides; two-pane list+detail stacks; side
-panel → full sheet; density holds. 768: side nav → 48px icon rail; tables scroll overflow;
-card grid → 2-up. 1024: side nav expands; two-pane queue+detail holds; grid up to 4-up.
-1440: content caps for forms; tables and dashboards take the full width.
-
-## 12 Agent Prompt Guide
-Lead every list surface with its data table; keep it square and dense. Accent only the
-primary action — IBM Blue is scarce (links, primary CTA, focus). Keep 0px corners
-everywhere; a rounded corner reads as a different brand. IDs and timestamps in Plex Mono;
-body keeps +0.16px tracking and sentence-case eyebrows. Dark is authored — consult the
-block, never derive.
-
-```yaml design-values
-color:
-  light:
-    background: oklch(0.995 0.004 262)
-    foreground: oklch(0.21 0.006 262)
-    card: oklch(0.995 0.004 262)
-    card-foreground: oklch(0.21 0.006 262)
-    popover: oklch(0.995 0.004 262)
-    popover-foreground: oklch(0.21 0.006 262)
-    primary: oklch(0.56 0.24 262)
-    primary-foreground: oklch(0.99 0.004 262)
-    secondary: oklch(0.967 0.005 262)
-    secondary-foreground: oklch(0.25 0.007 262)
-    muted: oklch(0.967 0.005 262)
-    muted-foreground: oklch(0.44 0.008 262)
-    accent: oklch(0.965 0.016 254)
-    accent-foreground: oklch(0.45 0.20 262)
-    destructive: oklch(0.57 0.22 26)
-    destructive-foreground: oklch(0.99 0.008 26)
-    success: oklch(0.62 0.16 148)
-    warning: oklch(0.83 0.16 90)
-    border: oklch(0.907 0.005 262)
-    input: oklch(0.907 0.005 262)
-    ring: oklch(0.56 0.24 262)
-    surface-raised: oklch(0.985 0.005 262)
-    surface-overlay: oklch(0.995 0.004 262)
-    chart-1: oklch(0.56 0.24 262)
-    chart-2: oklch(0.55 0.20 300)
-    chart-3: oklch(0.60 0.12 200)
-    chart-4: oklch(0.60 0.22 350)
-    chart-5: oklch(0.70 0.13 90)
-    sidebar: oklch(0.967 0.005 262)
-    sidebar-foreground: oklch(0.21 0.006 262)
-    sidebar-primary: oklch(0.56 0.24 262)
-    sidebar-primary-foreground: oklch(0.99 0.004 262)
-    sidebar-accent: oklch(0.94 0.015 254)
-    sidebar-accent-foreground: oklch(0.40 0.18 262)
-    sidebar-border: oklch(0.907 0.005 262)
-    sidebar-ring: oklch(0.56 0.24 262)
-  dark:
-    background: oklch(0.20 0.006 262)
-    foreground: oklch(0.96 0.004 262)
-    card: oklch(0.26 0.007 262)
-    card-foreground: oklch(0.96 0.004 262)
-    popover: oklch(0.30 0.008 262)
-    popover-foreground: oklch(0.96 0.004 262)
-    primary: oklch(0.54 0.22 262)
-    primary-foreground: oklch(0.99 0.004 262)
-    secondary: oklch(0.28 0.008 262)
-    secondary-foreground: oklch(0.92 0.005 262)
-    muted: oklch(0.26 0.007 262)
-    muted-foreground: oklch(0.70 0.010 262)
-    accent: oklch(0.32 0.05 258)
-    accent-foreground: oklch(0.85 0.09 258)
-    destructive: oklch(0.64 0.20 26)
-    destructive-foreground: oklch(0.15 0.02 26)
-    success: oklch(0.68 0.15 148)
-    warning: oklch(0.80 0.15 90)
-    border: oklch(0.32 0.008 262)
-    input: oklch(0.32 0.008 262)
-    ring: oklch(0.66 0.18 258)
-    surface-raised: oklch(0.26 0.007 262)
-    surface-overlay: oklch(0.30 0.008 262)
-    chart-1: oklch(0.66 0.20 258)
-    chart-2: oklch(0.64 0.18 300)
-    chart-3: oklch(0.68 0.11 200)
-    chart-4: oklch(0.68 0.20 350)
-    chart-5: oklch(0.78 0.13 90)
-    sidebar: oklch(0.17 0.006 262)
-    sidebar-foreground: oklch(0.92 0.005 262)
-    sidebar-primary: oklch(0.54 0.22 262)
-    sidebar-primary-foreground: oklch(0.99 0.004 262)
-    sidebar-accent: oklch(0.30 0.045 258)
-    sidebar-accent-foreground: oklch(0.85 0.09 258)
-    sidebar-border: oklch(0.28 0.008 262)
-    sidebar-ring: oklch(0.66 0.18 258)
-typography:
-  display: { family: "IBM Plex Sans", fallback: "system-ui, sans-serif", weights: [600] }
-  sans: { family: "IBM Plex Sans", fallback: "system-ui, sans-serif", weights: [400, 600] }
-  mono: { family: "IBM Plex Mono", fallback: "ui-monospace, monospace", weights: [400] }
-  ramp:
-    display: { size: 42px, line: 50px, weight: 600, family: display }
-    h1: { size: 32px, line: 40px, weight: 600, family: sans }
-    h2: { size: 24px, line: 32px, weight: 600, family: sans }
-    body: { size: 16px, line: 24px, weight: 400, family: sans, tracking: 0.16px }
-    small: { size: 14px, line: 18px, weight: 400, family: sans, tracking: 0.16px }
-    caption: { size: 12px, line: 16px, weight: 400, family: sans, tracking: 0.32px }
-    data: { size: 14px, line: 20px, weight: 400, family: mono, features: [tnum] }
-  register-scope: { display: [page-title, empty-state, auth], sans: [chrome, controls, body, headings], mono: [data, ids, codes, timestamps] }
-elevation:
-  radius: { sm: 0px, md: 0px, lg: 0px }
-  hairline: border
-  shadow:
-    overlay: "0 8px 28px oklch(0.20 0.02 262 / 0.10)"
-    popover: "0 4px 14px oklch(0.20 0.02 262 / 0.08)"
-  dark-ladder: { background: 0.20, raised: 0.26, overlay: 0.30, hue-held: 262 }
-motion:
-  duration: { press: 110ms, fade: 150ms, panel: 240ms }
-  easing: { standard: "cubic-bezier(0.2, 0, 0, 1)", exit: "cubic-bezier(0.4, 0, 1, 1)" }
-  entrance-never: ease-in
-  identity-moments: [auth]
-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: [256px, 48px], topbar: 48px, side-panel: [420px, 640px], content-max: 1312px }
-```