@nurix/etna 0.19.11 → 0.19.12

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

@@ -0,0 +1,204 @@
+---
+schema: design-md/v2
+id: minimax
+tier: brand
+segments: [ai, infrastructure, dev-tools]
+keywords: [monochrome, black, stark, flat, charts-only-color]
+sourced: 2026-07-12
+sources: "design-md/v1 minimax entry (2026-07-04) + 2026-07-12 re-audit of the public MiniMax identity; DM Sans kept per v1, JetBrains Mono authored for the unshipped brand mono"
+license: open
+---
+
+# minimax — a monochrome model lab with color in the data
+
+## 1 Visual Theme
+A research lab in monochrome: white benches, black ink on every whiteboard, and the
+only color in the room living on the results charts pinned to the wall. Light default;
+dark is the lab at night — an authored near-black ladder, never an inversion. Stark
+and flat: hierarchy is hairline `border`, weight, and near-black ink on white — never
+heavy shadow. The single most important action wears the brand's signature near-black
+`primary` fill (rectangular, never the marketing pill). One chromatic accent — a deep
+blue `ring` — is reserved for focus, links, and form activation; chrome otherwise
+stays monochrome. The vibrant product palette never touches chrome — it reappears only
+in `chart-1..5`. Density is standard.
+
+## 2 Color Roles
+Near-black `foreground` on white `background`; `muted`/`secondary` are quiet cool
+surfaces; `accent` is a neutral selection tint — never chromatic; active states stay
+neutral. `primary` near-black carries the one primary action and the active-nav
+marker. `ring` deep blue carries focus, links, and form activation only. Status hues
+speak status; the coral/magenta/blue/purple/cyan brand palette seeds only the chart
+roles.
+
+## 3 Typography
+DM Sans (single family — UI, body, headings; the brand mixes no second sans) /
+JetBrains Mono (authored — the brand ships no mono; IDs, codes, timestamps, log
+lines). Register scope: the 700-weight display cut with tight tracking speaks only in
+auth and empty states — the 80px hero voice stays behind. Numeric columns render
+`tabular-nums`; emphasis bumps weight one step, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px), near-black `primary` fill on white text, no pill; secondary
+is transparent with a `foreground` border; tertiary takes `card` fill with a hairline.
+Inputs hairline `border`; focus switches the edge to the 2px deep-blue `ring`, no
+glow. Cards on `card` with a hairline, shadow only when lifted. Table rows on `border`
+grid, `muted` hover, neutral `accent` selection — never blue. Detail opens in the side
+panel. Badge is where the pill survives: full radius, `muted`/status fill, uppercase
+caption.
+
+## 5 Layout
+4px base; ramp 2 · 4 · 8 · 12 · 16 · 20 · 24 · 32 · 48 · 64 (the 20 step is the
+brand's own). Sidebar 248/56px; topbar 52px; side panel 420/640px; content max
+1320px; tables full-width.
+
+## 6 Depth
+Flat: the surface ladder and hairlines carry rank. Light: a whisper lift for cards
+that must rise; one soft tier for true overlays — ink-tinted, never heavy black.
+Dark: the ladder does depth — `background` 0.14 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 265. Focus is the 2px deep-blue `ring`, never a
+glow; three z-levels: content, sticky chrome, overlay.
+
+## 7 Motion
+Minimal. Named moments: `mono-fade` (page content, 140ms), `panel-shift` (side panel,
+220ms, interruptible), `ink-press` (primary-action press, 100ms). Physicality is
+granted only to first-run empty states — where the chart palette may draw in once.
+Nothing animates in tables, log streams, or any keyboard-initiated action.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts are the one
+stage for the vibrant brand palette: `chart-1..5` carry blue, coral, purple, magenta,
+cyan; axes stay hairline and monochrome; tooltips on `surface-overlay` with mono
+numerals.
+
+## 9 Voice
+Lab-notebook flat: statements of fact, models and numbers named exactly, no
+exclamation. "Run evaluation" · "No jobs queued — last batch finished 14:32" · "Token
+budget exceeded on 3 of 40 samples; raise the cap or trim the prompt."
+
+## 10 Do's & Don'ts
+Do reserve near-black `primary` for the single most important action; everything else
+is neutral or status. Do send the vibrant palette to charts — the one operator place
+it belongs. Don't put a brand color on a button, badge, or surface — off charts it
+breaks the monochrome discipline. Don't tint selection or active nav blue — blue is
+focus, links, and form activation only. Don't pill the CTA; the pill is badges only.
+Don't introduce a second display face.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane stacks; side panel → full sheet; density
+holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane queue+detail
+holds. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Keep chrome monochrome — if a surface shows color outside charts and status, remove
+it. Lead every list with its table; detail rides the side panel. Accent one action in
+near-black; blue only on focus and links. Every numeric column is `tabular-nums`;
+every ID and log line is mono. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 265)
+    foreground: oklch(0.145 0.005 265)
+    card: oklch(0.995 0.005 265)
+    card-foreground: oklch(0.145 0.005 265)
+    popover: oklch(0.995 0.005 265)
+    popover-foreground: oklch(0.145 0.005 265)
+    primary: oklch(0.19 0.006 265)
+    primary-foreground: oklch(0.99 0.005 265)
+    secondary: oklch(0.966 0.005 265)
+    secondary-foreground: oklch(0.25 0.006 265)
+    muted: oklch(0.979 0.005 265)
+    muted-foreground: oklch(0.48 0.006 265)
+    accent: oklch(0.964 0.006 265)
+    accent-foreground: oklch(0.22 0.006 265)
+    destructive: oklch(0.55 0.16 23)
+    destructive-foreground: oklch(0.98 0.008 23)
+    success: oklch(0.56 0.13 162)
+    warning: oklch(0.63 0.15 58)
+    border: oklch(0.928 0.006 265)
+    input: oklch(0.928 0.006 265)
+    ring: oklch(0.49 0.21 264)
+    surface-raised: oklch(0.993 0.005 265)
+    surface-overlay: oklch(0.995 0.005 265)
+    chart-1: oklch(0.523 0.239 263)
+    chart-2: oklch(0.678 0.212 34)
+    chart-3: oklch(0.627 0.233 304)
+    chart-4: oklch(0.691 0.203 341)
+    chart-5: oklch(0.724 0.154 244)
+    sidebar: oklch(0.976 0.005 265)
+    sidebar-foreground: oklch(0.25 0.006 265)
+    sidebar-primary: oklch(0.19 0.006 265)
+    sidebar-primary-foreground: oklch(0.99 0.005 265)
+    sidebar-accent: oklch(0.945 0.006 265)
+    sidebar-accent-foreground: oklch(0.2 0.006 265)
+    sidebar-border: oklch(0.928 0.006 265)
+    sidebar-ring: oklch(0.49 0.21 264)
+  dark:
+    background: oklch(0.14 0.005 265)
+    foreground: oklch(0.94 0.005 265)
+    card: oklch(0.18 0.006 265)
+    card-foreground: oklch(0.94 0.005 265)
+    popover: oklch(0.24 0.007 265)
+    popover-foreground: oklch(0.94 0.005 265)
+    primary: oklch(0.93 0.005 265)
+    primary-foreground: oklch(0.16 0.005 265)
+    secondary: oklch(0.22 0.006 265)
+    secondary-foreground: oklch(0.89 0.005 265)
+    muted: oklch(0.21 0.006 265)
+    muted-foreground: oklch(0.66 0.008 265)
+    accent: oklch(0.25 0.007 265)
+    accent-foreground: oklch(0.91 0.005 265)
+    destructive: oklch(0.64 0.16 23)
+    destructive-foreground: oklch(0.13 0.02 23)
+    success: oklch(0.66 0.13 162)
+    warning: oklch(0.72 0.14 58)
+    border: oklch(0.26 0.007 265)
+    input: oklch(0.28 0.008 265)
+    ring: oklch(0.62 0.19 263)
+    surface-raised: oklch(0.19 0.006 265)
+    surface-overlay: oklch(0.24 0.007 265)
+    chart-1: oklch(0.62 0.21 263)
+    chart-2: oklch(0.72 0.19 34)
+    chart-3: oklch(0.68 0.21 304)
+    chart-4: oklch(0.74 0.18 341)
+    chart-5: oklch(0.76 0.14 244)
+    sidebar: oklch(0.12 0.005 265)
+    sidebar-foreground: oklch(0.9 0.005 265)
+    sidebar-primary: oklch(0.93 0.005 265)
+    sidebar-primary-foreground: oklch(0.16 0.005 265)
+    sidebar-accent: oklch(0.19 0.006 265)
+    sidebar-accent-foreground: oklch(0.9 0.005 265)
+    sidebar-border: oklch(0.21 0.006 265)
+    sidebar-ring: oklch(0.62 0.19 263)
+typography:
+  display: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [700] }
+  sans: { family: "DM Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono Variable", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 32px, line: 38px, weight: 700, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 20px, line: 28px, weight: 600, family: sans, tracking: -0.01em }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 19px, weight: 400, family: sans }
+    caption: { size: 12px, line: 18px, weight: 600, family: sans, tracking: 0.02em }
+    data: { size: 13px, line: 20px, weight: 400, family: mono, features: [tnum] }
+  register-scope: { display: [auth, empty-state], sans: [chrome, controls, body, headings], mono: [data, ids, codes, timestamps, logs] }
+elevation:
+  radius: { sm: 4px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 4px 16px oklch(0.15 0.005 265 / 0.10)"
+    popover: "0 2px 8px oklch(0.15 0.005 265 / 0.07)"
+  dark-ladder: { background: 0.14, raised: 0.19, overlay: 0.24, hue-held: 265 }
+motion:
+  duration: { press: 100ms, fade: 140ms, 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: [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: 52px, side-panel: [420px, 640px], content-max: 1320px }
+```

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

@@ -0,0 +1,210 @@
+---
+schema: design-md/v2
+id: mintlify
+tier: brand
+segments: [docs, dev-tools, developer-platform]
+keywords: [white, mint, cool-gray, code-inlay, standard, developer]
+sourced: 2026-07-12
+sources: "design-md/v1 mintlify entry (2026-07-04) + 2026-07-12 re-audit of the documentation-platform system; Inter Variable + Geist Mono per v1; the sky/teal gradient heroes, 72px hero display, full-pill buttons, testimonial-orange card, and 96/120px section rhythm stay behind; tag-blue, warn-amber, and testimonial-orange survive only as chart/status hues; dark theme authored (light holds cleanly, dark is opt-in)"
+license: open
+---
+
+# mintlify — a developer's clean desk with one mint marker and a slate of code
+
+## 1 Visual Theme
+A developer's clean-lit desk: a white sheet ruled in cool gray, one mint marker, and a
+slab of dark slate where the code goes. Light by default; the UI floats on a white
+`background` and cards read by their hairline `border`, not by brightness. Emphatically
+flat — the light-gray hairline, cool-neutral surface tints, and type weight carry rank,
+never a drop shadow. A single chromatic accent, Mintlify mint `primary`, is held scarce:
+the one primary action (ink on mint), the focus `ring`, and the active-nav indicator.
+The one dark surface is the code inlay — real product chrome, carried even in a light UI.
+The dark theme is authored from that same slate.
+
+## 2 Color Roles
+Near-black `foreground` on white `background`; `primary` mint carries the one primary
+action with ink `primary-foreground` — the brand's green-button pairing — plus the focus
+`ring` and active-nav indicator. `accent` is a neutral lift for selection; mint stays the
+indicator, never the fill. Status hues (`destructive`, `success`, `warning`) speak status
+only; tag-blue, warn-amber, and testimonial-orange survive only in charts. Sidebar sits a
+faint cool step off the white in both themes.
+
+## 3 Typography
+Inter (single voice — UI, labels, prose) / Geist Mono (IDs, timestamps, and every code
+surface) — the pairing is the brand's developer-respect signal; never a third face.
+Register scope: no hero display face — Inter carries headings, and the marketing display
+scale stays behind. Emphasis is weight (500/600) or color, never italics — the brand
+ships none. Every numeric column renders `tabular-nums`; long-form docs prose holds
+16px, never compressed.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px, never pill — the marketing full-pill stays behind), mint
+`primary` fill on ink; secondary takes cool `secondary` with a hairline; ghost goes
+`accent` on hover. Inputs on `background` with a hairline `input` edge and a 2px mint
+`ring`, no glow — the brand focuses fields in mint. Cards white on a hairline — panels
+read by their edge, not a brighter fill — stepping to `radius-lg` for larger panels.
+Table rows `muted` hover, `accent` selection with a mint left-indicator, mono numerals.
+Detail opens in the side panel. Code, log, and terminal panels take the dark slate inlay
+(`surface-overlay`-deep) with mono text. Badges pill, `muted`/status fill, uppercase
+caption, never `primary`.
+
+## 5 Layout
+4px base; ramp 2 · 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64. Sidebar 240/56px (the docs
+sidebar); topbar 56px; side panel 420/640px; content max 1280px; tables full-width.
+Standard density — layout-dense, readable prose — stepped per archetype, never absolute
+overrides.
+
+## 6 Depth
+Flat and hairline-first — the hairline and cool-neutral surface tints carry rank; panels
+read by their edge, never a brighter fill. Light: overlays earn the one soft cool-tinted
+tier. Dark: the authored ladder — `background` 0.20 L, `surface-raised` +0.04,
+`surface-overlay` +0.08, hue held at 200. The code inlay is a dark slab carried in both
+themes, real product chrome. Focus is a 2px mint `ring`, always visible; three z-levels:
+content, sticky chrome, overlay.
+
+## 7 Motion
+Precise and quiet. Named moments: `press` (primary action, 110ms), `page-fade` (content
+arrive, 150ms), `panel-slide` (side panel, 220ms, interruptible). Physicality is granted
+only to auth and first-run empty states; code blocks appear whole, never typed-on; nothing
+animates on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes, no
+gridline fills; the categorical ramp leads with mint then the surviving marketing hues —
+mint, tag-blue, amber, violet, coral (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Developer-plain — precise, no marketing lift. "New deployment" · "No pages need review —
+the last build passed" · "This reference is out of sync; regenerate the schema before
+publishing."
+
+## 10 Do's & Don'ts
+Do anchor every surface on the white canvas with cool-gray neutrals and near-black ink.
+Do reserve mint `primary` for the primary action, the focus `ring`, and the active-nav
+indicator — its scarcity is the voltage. Do pair Inter with Geist Mono — never a third
+face — and dress code, log, and terminal panels in the dark slate inlay. Don't set mint on
+body text or large fills — it loses signal. Don't promote a second chromatic accent, pill
+the controls, or signal elevation with heavy shadows.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
+density holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane
+queue+detail holds side by side. 1440: forms cap; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Reach for the white canvas with cool-gray neutrals and near-black ink — the quiet docs
+surface, not the marketing hero. Spend mint once per surface: primary action, focus ring,
+active-nav indicator; if two things want it, one is not primary. Pair Inter with Geist
+Mono; render code, log, and terminal panels in the dark slate inlay, real chrome. Keep
+long-form prose at 16px; every numeric column is mono `tabular-nums`. Dark is authored —
+consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.004 195)
+    foreground: oklch(0.16 0.005 200)
+    card: oklch(0.995 0.003 195)
+    card-foreground: oklch(0.16 0.005 200)
+    popover: oklch(0.995 0.003 195)
+    popover-foreground: oklch(0.16 0.005 200)
+    primary: oklch(0.77 0.155 169)
+    primary-foreground: oklch(0.16 0.005 200)
+    secondary: oklch(0.965 0.006 200)
+    secondary-foreground: oklch(0.22 0.006 200)
+    muted: oklch(0.965 0.006 200)
+    muted-foreground: oklch(0.47 0.008 200)
+    accent: oklch(0.945 0.007 200)
+    accent-foreground: oklch(0.22 0.006 200)
+    destructive: oklch(0.55 0.19 25)
+    destructive-foreground: oklch(0.99 0.008 25)
+    success: oklch(0.60 0.13 162)
+    warning: oklch(0.65 0.14 70)
+    border: oklch(0.92 0.006 200)
+    input: oklch(0.92 0.006 200)
+    ring: oklch(0.77 0.155 169)
+    surface-raised: oklch(0.985 0.005 195)
+    surface-overlay: oklch(0.995 0.003 195)
+    chart-1: oklch(0.68 0.14 169)
+    chart-2: oklch(0.58 0.16 250)
+    chart-3: oklch(0.65 0.15 60)
+    chart-4: oklch(0.55 0.15 320)
+    chart-5: oklch(0.62 0.15 25)
+    sidebar: oklch(0.975 0.005 200)
+    sidebar-foreground: oklch(0.16 0.005 200)
+    sidebar-primary: oklch(0.77 0.155 169)
+    sidebar-primary-foreground: oklch(0.16 0.005 200)
+    sidebar-accent: oklch(0.945 0.007 200)
+    sidebar-accent-foreground: oklch(0.22 0.006 200)
+    sidebar-border: oklch(0.92 0.006 200)
+    sidebar-ring: oklch(0.77 0.155 169)
+  dark:
+    background: oklch(0.20 0.006 200)
+    foreground: oklch(0.96 0.004 200)
+    card: oklch(0.24 0.007 200)
+    card-foreground: oklch(0.96 0.004 200)
+    popover: oklch(0.27 0.008 200)
+    popover-foreground: oklch(0.96 0.004 200)
+    primary: oklch(0.78 0.155 169)
+    primary-foreground: oklch(0.18 0.02 169)
+    secondary: oklch(0.26 0.008 200)
+    secondary-foreground: oklch(0.92 0.005 200)
+    muted: oklch(0.24 0.007 200)
+    muted-foreground: oklch(0.70 0.010 200)
+    accent: oklch(0.28 0.009 200)
+    accent-foreground: oklch(0.92 0.005 200)
+    destructive: oklch(0.64 0.17 25)
+    destructive-foreground: oklch(0.15 0.02 25)
+    success: oklch(0.68 0.14 162)
+    warning: oklch(0.74 0.14 70)
+    border: oklch(0.30 0.009 200)
+    input: oklch(0.30 0.009 200)
+    ring: oklch(0.78 0.155 169)
+    surface-raised: oklch(0.24 0.007 200)
+    surface-overlay: oklch(0.28 0.008 200)
+    chart-1: oklch(0.74 0.14 169)
+    chart-2: oklch(0.66 0.16 250)
+    chart-3: oklch(0.72 0.15 60)
+    chart-4: oklch(0.64 0.15 320)
+    chart-5: oklch(0.70 0.16 25)
+    sidebar: oklch(0.18 0.006 200)
+    sidebar-foreground: oklch(0.92 0.005 200)
+    sidebar-primary: oklch(0.78 0.155 169)
+    sidebar-primary-foreground: oklch(0.18 0.02 169)
+    sidebar-accent: oklch(0.26 0.008 200)
+    sidebar-accent-foreground: oklch(0.92 0.005 200)
+    sidebar-border: oklch(0.26 0.008 200)
+    sidebar-ring: oklch(0.78 0.155 169)
+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: 34px, weight: 600, family: display, tracking: -0.015em }
+    h1: { size: 24px, line: 31px, weight: 600, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 24px, weight: 600, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 16px, 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, headings], mono: [data, ids, timestamps, code] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.20 0.02 200 / 0.10)"
+    popover: "0 4px 14px oklch(0.20 0.02 200 / 0.08)"
+  dark-ladder: { background: 0.20, raised: 0.24, overlay: 0.28, hue-held: 200 }
+motion:
+  duration: { press: 110ms, 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-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-1 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 56px, side-panel: [420px, 640px], content-max: 1280px }
+```

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

@@ -0,0 +1,209 @@
+---
+schema: design-md/v2
+id: miro
+tier: brand
+segments: [collaboration, whiteboard, creative]
+keywords: [white, black-ink, brand-blue, geometric, rounded, friendly]
+sourced: 2026-07-12
+sources: "design-md/v1 miro entry (2026-07-04) + 2026-07-12 re-audit of the collaboration-canvas brand; Roobert PRO (licensed) substituted with the open Plus Jakarta Sans Variable (geometric, friendly, medium-weight — the closest open match); JetBrains Mono for data; the 80px Roobert display, canary-yellow wordmark grace, pastel feature cards, and 120px hero rhythm stay behind; sticky-note pastels survive only as chart series; dark theme authored (not documented in-brand)"
+license: open
+---
+
+# miro — a bright studio whiteboard with one blue sticky on the live thread
+
+## 1 Visual Theme
+A bright studio wall of whiteboard: black marker for the real work, one blue sticky
+marking the live thread, and the colored notes stacked in the tray for later. Light by
+default; flat — hierarchy is hairline `border`, type weight, and the black/white contrast,
+never heavy shadow, and where a true overlay lifts, the shadow is soft and navy-tinted,
+never hard black. The primary action fills black — Miro's own primary is the black pill —
+so `primary` is achromatic and the one chromatic accent, brand blue, stays a scarce
+single-shot. Canary yellow is a wordmark grace, no operator role. Roomy but operator-dense.
+The dark theme is authored — a cool charcoal ladder.
+
+## 2 Color Roles
+Miro ink `foreground` on white `background`; `primary` fills black — the one primary
+action, active-nav fill, selected tab. `accent-foreground` brand blue is the single
+chromatic pop — inline links, the focus `ring`, active indicators — over a pale-lavender
+`accent` selection wash. Inputs take a stronger `input` edge than dividers (Miro's
+deliberate choice). Status hues speak status only; the sticky-note pastels survive only as
+`chart-*`; canary yellow is the wordmark grace, never a UI color. Sidebar sits a faint
+cool step off the white in both themes.
+
+## 3 Typography
+Plus Jakarta Sans (single voice — the open substitute for Roobert PRO, matching its
+geometric, slightly-rounded, medium-weight character) / JetBrains Mono (IDs, timestamps,
+log lines). Register scope: no hero display face — the elegant medium weight is the
+irreducible trait, so headings run 500, never 700 (the brand has no 700). The 600 weight
+is reserved for uppercase eyebrows and badge chips. Every numeric column renders
+`tabular-nums`; emphasis bumps 400 → 500, never size.
+
+## 4 Component Stylings
+Buttons `radius-md` (8px), black `primary` fill on white — the marketing full-pill relaxes
+to the functional radius in dense chrome; the pill stays on icon-only buttons, filter
+chips, and badges. Inputs on `background` with the stronger `input` edge and a 2px
+brand-blue `ring`, no fill change, no glow. Cards on a hairline, `radius-lg` for larger
+panels; shadow only when it must lift. Table rows `muted` hover, pale-lavender `accent`
+selection with a brand-blue indicator, mono numerals. Detail opens in the side panel.
+Badges pill, `muted`/status fill, uppercase caption, never `primary` or brand blue.
+
+## 5 Layout
+4px base (8px the primary increment); ramp 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 48 · 64
+(the distinctive 20px step is kept). Sidebar 240/56px; topbar 64px (Miro's own nav height);
+side panel 440/640px; content max 1360px; tables full-width. Standard density leaning
+roomy, stepped per archetype, never absolute overrides.
+
+## 6 Depth
+Flat, with strategic soft depth on true overlays only — the surface ladder and hairlines
+carry rank. Light: overlays earn a soft navy-tinted shadow (hue near 290), never a hard
+black drop. Dark: the authored ladder — `background` 0.20 L, `surface-raised` +0.04,
+`surface-overlay` +0.08, hue held at 286. Focus is a 2px brand-blue `ring`, always visible;
+three z-levels: content, chrome, overlay.
+
+## 7 Motion
+Friendly but restrained. Named moments: `press` (primary action, 120ms), `board-fade`
+(content arrive, 150ms), `panel-slide` (side panel, 220ms, interruptible). Physicality is
+granted only to auth and first-run empty states; canvas-like surfaces never bounce;
+nothing animates on keyboard-initiated actions.
+
+## 8 Iconography & Charts
+Lucide, 1.5px stroke, 16/20px grid, `muted-foreground` default. Charts: hairline axes, no
+gridline fills; the categorical ramp spends the demoted sticky-note palette as encodings —
+brand blue, coral, teal, rose, orange (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Friendly and plain — a tool that likes its users but respects their time. "New board" ·
+"Nothing shared with you yet — create a board to start" · "You can't edit this board; ask
+the owner for access."
+
+## 10 Do's & Don'ts
+Do fill black `primary` for the single most important action. Do keep brand blue scarce —
+inline links, the focus `ring`, active indicators only; a single-shot accent, never a fill
+or body-text color. Do carry hierarchy with size and the geometric face, never heavy
+weight — there is no 700. Don't reach for the sticky-note pastels as chrome — charts only.
+Don't spend canary yellow on a CTA, status hue, or background — it is the wordmark grace.
+Don't introduce a second chromatic accent or signal elevation with hard-black shadows —
+Miro's shadows are soft and navy-tinted.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet;
+density holds. 768: sidebar → icon rail; tables scroll overflow. 1024: two-pane list+detail
+holds side by side. 1440: content caps for forms; tables and dashboards take the full width.
+
+## 12 Agent Prompt Guide
+Wear the spine, not the marketing: black ink on white, the friendly rounded radius, hairline
+depth. The primary action fills black; if two things want the black fill, one is not primary.
+Brand blue is single-shot — links, focus ring, active indicators — never a fill or body
+text; canary yellow is the wordmark grace. Hierarchy is size and the geometric face, never
+heavy weight — emphasise 400 → 500. Every numeric column is mono `tabular-nums`. Dark is
+authored — consult the block, never invert the whiteboard.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.004 271)
+    foreground: oklch(0.23 0.006 286)
+    card: oklch(0.995 0.003 271)
+    card-foreground: oklch(0.23 0.006 286)
+    popover: oklch(0.995 0.003 271)
+    popover-foreground: oklch(0.23 0.006 286)
+    primary: oklch(0.23 0.006 286)
+    primary-foreground: oklch(0.99 0.004 271)
+    secondary: oklch(0.975 0.005 265)
+    secondary-foreground: oklch(0.28 0.008 286)
+    muted: oklch(0.975 0.005 265)
+    muted-foreground: oklch(0.47 0.025 272)
+    accent: oklch(0.965 0.014 294)
+    accent-foreground: oklch(0.50 0.20 269)
+    destructive: oklch(0.56 0.20 25)
+    destructive-foreground: oklch(0.99 0.008 25)
+    success: oklch(0.62 0.14 158)
+    warning: oklch(0.72 0.15 82)
+    border: oklch(0.913 0.008 271)
+    input: oklch(0.84 0.014 274)
+    ring: oklch(0.57 0.235 269)
+    surface-raised: oklch(0.985 0.005 271)
+    surface-overlay: oklch(0.995 0.003 271)
+    chart-1: oklch(0.57 0.235 269)
+    chart-2: oklch(0.68 0.15 20)
+    chart-3: oklch(0.62 0.13 187)
+    chart-4: oklch(0.65 0.16 320)
+    chart-5: oklch(0.72 0.14 60)
+    sidebar: oklch(0.975 0.006 265)
+    sidebar-foreground: oklch(0.23 0.006 286)
+    sidebar-primary: oklch(0.23 0.006 286)
+    sidebar-primary-foreground: oklch(0.99 0.004 271)
+    sidebar-accent: oklch(0.955 0.014 294)
+    sidebar-accent-foreground: oklch(0.44 0.18 269)
+    sidebar-border: oklch(0.913 0.008 271)
+    sidebar-ring: oklch(0.57 0.235 269)
+  dark:
+    background: oklch(0.20 0.008 286)
+    foreground: oklch(0.96 0.004 271)
+    card: oklch(0.24 0.009 286)
+    card-foreground: oklch(0.96 0.004 271)
+    popover: oklch(0.27 0.010 286)
+    popover-foreground: oklch(0.96 0.004 271)
+    primary: oklch(0.96 0.004 271)
+    primary-foreground: oklch(0.20 0.008 286)
+    secondary: oklch(0.26 0.009 286)
+    secondary-foreground: oklch(0.92 0.005 271)
+    muted: oklch(0.24 0.009 286)
+    muted-foreground: oklch(0.70 0.020 272)
+    accent: oklch(0.30 0.05 290)
+    accent-foreground: oklch(0.82 0.10 275)
+    destructive: oklch(0.64 0.19 25)
+    destructive-foreground: oklch(0.15 0.02 25)
+    success: oklch(0.68 0.14 158)
+    warning: oklch(0.78 0.15 82)
+    border: oklch(0.30 0.010 286)
+    input: oklch(0.34 0.012 286)
+    ring: oklch(0.65 0.21 269)
+    surface-raised: oklch(0.24 0.009 286)
+    surface-overlay: oklch(0.28 0.010 286)
+    chart-1: oklch(0.65 0.21 269)
+    chart-2: oklch(0.72 0.14 20)
+    chart-3: oklch(0.70 0.12 187)
+    chart-4: oklch(0.70 0.15 320)
+    chart-5: oklch(0.78 0.14 60)
+    sidebar: oklch(0.18 0.008 286)
+    sidebar-foreground: oklch(0.92 0.005 271)
+    sidebar-primary: oklch(0.96 0.004 271)
+    sidebar-primary-foreground: oklch(0.20 0.008 286)
+    sidebar-accent: oklch(0.28 0.045 290)
+    sidebar-accent-foreground: oklch(0.82 0.10 275)
+    sidebar-border: oklch(0.26 0.010 286)
+    sidebar-ring: oklch(0.65 0.21 269)
+typography:
+  display: { family: "Plus Jakarta Sans Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  sans: { family: "Plus Jakarta Sans Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "JetBrains Mono", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 28px, line: 34px, weight: 500, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 500, family: sans, tracking: -0.01em }
+    h2: { size: 18px, line: 25px, weight: 500, family: sans }
+    body: { size: 14px, line: 21px, weight: 400, family: sans }
+    small: { size: 13px, line: 18px, weight: 400, family: sans }
+    caption: { size: 11px, line: 16px, 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, headings], mono: [data, ids, timestamps] }
+elevation:
+  radius: { sm: 6px, md: 8px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 28px oklch(0.18 0.04 290 / 0.12)"
+    popover: "0 4px 14px oklch(0.18 0.04 290 / 0.10)"
+  dark-ladder: { background: 0.20, raised: 0.24, overlay: 0.28, hue-held: 286 }
+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-1 }
+  diverging: { negative: destructive, mid: muted, positive: chart-3 }
+layout: { base: 4px, sidebar: [240px, 56px], topbar: 64px, side-panel: [440px, 640px], content-max: 1360px }
+```