@nurix/etna 0.19.10 → 0.19.12

package/data/harnesses/code/skills/design/design-md/library/mistral-ai.md

@@ -0,0 +1,201 @@
+---
+schema: design-md/v2
+id: mistral-ai
+tier: brand
+segments: [ai, dev-tools, business-tools]
+keywords: [warm, cream, editorial, orange, sunset, sober]
+sourced: 2026-07-12
+sources: "design-md/v1 mistral-ai entry (2026-07-04); 2026-07-12 re-audit of Mistral public brand; Inter substitutes the hero PP Editorial Old display; JetBrains Mono for code surfaces; the orange primary carries a warm-ink label (the marketing white-on-orange reads 3.3:1 at operator scale)"
+license: open
+---
+
+# mistral-ai — a warm editorial desk, one orange stamp on cream
+
+## 1 Visual Theme
+A sunlit editorial studio: a white working sheet laid on a cream desk, warm ink, and
+one saturated orange used like a wax stamp on the single action that matters. Light by
+default — the canvas stays near-white while the sidebar and grouped panels carry the
+cream warmth, so the temperature lives in the chrome, never a gradient. The dark theme
+is the same studio after dusk: warm charcoal held at the cream hue, lamp-lit rungs, the
+orange kept bright. The marketing sunset gradients and hero serif stay behind.
+
+## 2 Color Roles
+Warm ink `foreground` on a faintly-warm `background`; `primary` Mistral Orange is the
+one chromatic accent — the primary action, the focus `ring`, the active-nav marker —
+and its label runs warm ink, never white, for a crisp read. `accent` is a deeper cream
+selection lift; the cream body lives in `secondary`, `muted`, and the `sidebar`. The
+sunset yellows survive only in `chart-*`; status hues (`destructive`, `success`,
+`warning`) speak only status.
+
+## 3 Typography
+Inter (the open substitute for the licensed PP Editorial Old) over JetBrains Mono for
+code and IDs. The defining trait is editorial emphasis: page and section heads carry
+weight 500 with negative tracking — a marketing-desk lightness, never 600 bold — while
+the uppercase eyebrow takes 600. Register scope: the display register speaks in page
+titles, section heads, empty states, and auth; mono owns data, codes, IDs, and
+timestamps; numerals are always `tabular-nums`. Emphasis bumps weight, never size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px), orange `primary` fill with warm-ink label, never a pill;
+secondary is cream `secondary` on a hairline. Inputs sit on `background` with a firmer
+`input` edge; focus draws the orange `ring` at 2px, no glow. Cards are `card` white on
+the cream canvas at `radius-lg` (12px), hairline-edged, shadowed only when lifted.
+Table rows carry `border` grid lines, `muted` hover, `accent` selection. Detail opens
+in the side panel; badges alone pill, with status fills.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px; side panel 440/640px; content max 1320px.
+Spacing leans comfortable — 44px controls, generous gutters — the editorial air the
+brand keeps; the hero-scale 96/120 rhythm stays behind.
+
+## 6 Depth
+Light: the cream-to-white surface step and warm hairlines carry all structure; a
+faint warm-tinted lift appears only under true overlays (popover, dialog). Dark: the
+surface ladder does depth — `background` 0.20 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 70. Focus is always the 2px orange `ring`,
+keyboard-first.
+
+## 7 Motion
+Reserved and brief. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `stamp-press` (primary-action press, 120ms).
+Physicality is granted only to auth and first-run empty states; nothing animates in
+tables, palettes, or 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 is the sanctioned sunset set — orange, amber,
+yellow, red, one cool counterpoint (`chart-1..5`); tooltips on `surface-overlay` with
+mono numerals.
+
+## 9 Voice
+Warm and plainspoken, an editor's register: verbs without exclamation, numbers stated
+flat. "Add key" · "Nothing queued — the last run finished 8 minutes ago" · "This
+request exceeds the rate limit; retry in 30 seconds or raise the tier."
+
+## 10 Do's & Don'ts
+Do carry the warmth in the cream chrome — sidebar and grouped panels — against a
+near-white canvas. Do keep heads at weight 500 with negative tracking; never bold the
+display to 600. Do reserve orange for exactly one element per viewport. Don't pill the
+CTA. Don't promote a sunset yellow or gradient into chrome — they are chart-only. Don't
+cool the neutrals to slate; the temperature is the identity.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
+mono figures. 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 under the content cap.
+
+## 12 Agent Prompt Guide
+Reach for the cream chrome first — the tint is Mistral. Spend orange once per surface:
+primary action, focus ring, active nav; if two things want it, one is not primary.
+Heads wear 500 with negative tracking. Every numeric column is `tabular-nums`; every
+ID, code, and timestamp is mono. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 90)
+    foreground: oklch(0.24 0.01 80)
+    card: oklch(0.997 0.003 85)
+    card-foreground: oklch(0.24 0.01 80)
+    popover: oklch(0.997 0.003 85)
+    popover-foreground: oklch(0.24 0.01 80)
+    primary: oklch(0.665 0.214 38)
+    primary-foreground: oklch(0.17 0.025 40)
+    secondary: oklch(0.965 0.014 92)
+    secondary-foreground: oklch(0.3 0.02 70)
+    muted: oklch(0.975 0.012 92)
+    muted-foreground: oklch(0.52 0.012 80)
+    accent: oklch(0.94 0.04 92)
+    accent-foreground: oklch(0.3 0.02 70)
+    destructive: oklch(0.576 0.209 29.5)
+    destructive-foreground: oklch(0.98 0.01 29)
+    success: oklch(0.627 0.13 149)
+    warning: oklch(0.68 0.13 70)
+    border: oklch(0.9 0.008 90)
+    input: oklch(0.86 0.01 88)
+    ring: oklch(0.665 0.214 38)
+    surface-raised: oklch(0.98 0.008 90)
+    surface-overlay: oklch(0.997 0.003 85)
+    chart-1: oklch(0.665 0.19 38)
+    chart-2: oklch(0.72 0.14 70)
+    chart-3: oklch(0.8 0.13 92)
+    chart-4: oklch(0.6 0.18 28)
+    chart-5: oklch(0.6 0.09 240)
+    sidebar: oklch(0.965 0.03 90)
+    sidebar-foreground: oklch(0.28 0.015 70)
+    sidebar-primary: oklch(0.665 0.214 38)
+    sidebar-primary-foreground: oklch(0.17 0.025 40)
+    sidebar-accent: oklch(0.92 0.04 90)
+    sidebar-accent-foreground: oklch(0.28 0.015 70)
+    sidebar-border: oklch(0.9 0.02 90)
+    sidebar-ring: oklch(0.665 0.214 38)
+  dark:
+    background: oklch(0.2 0.008 70)
+    foreground: oklch(0.94 0.008 85)
+    card: oklch(0.24 0.009 70)
+    card-foreground: oklch(0.94 0.008 85)
+    popover: oklch(0.28 0.01 70)
+    popover-foreground: oklch(0.94 0.008 85)
+    primary: oklch(0.7 0.2 40)
+    primary-foreground: oklch(0.17 0.025 40)
+    secondary: oklch(0.26 0.01 70)
+    secondary-foreground: oklch(0.9 0.008 85)
+    muted: oklch(0.25 0.01 70)
+    muted-foreground: oklch(0.72 0.012 78)
+    accent: oklch(0.3 0.02 75)
+    accent-foreground: oklch(0.92 0.008 85)
+    destructive: oklch(0.64 0.19 29)
+    destructive-foreground: oklch(0.15 0.02 29)
+    success: oklch(0.68 0.13 149)
+    warning: oklch(0.75 0.13 70)
+    border: oklch(0.29 0.01 70)
+    input: oklch(0.29 0.01 70)
+    ring: oklch(0.7 0.2 40)
+    surface-raised: oklch(0.25 0.009 70)
+    surface-overlay: oklch(0.3 0.01 70)
+    chart-1: oklch(0.72 0.19 40)
+    chart-2: oklch(0.8 0.14 70)
+    chart-3: oklch(0.87 0.13 92)
+    chart-4: oklch(0.68 0.17 28)
+    chart-5: oklch(0.7 0.09 240)
+    sidebar: oklch(0.18 0.008 70)
+    sidebar-foreground: oklch(0.9 0.008 85)
+    sidebar-primary: oklch(0.7 0.2 40)
+    sidebar-primary-foreground: oklch(0.17 0.025 40)
+    sidebar-accent: oklch(0.26 0.012 72)
+    sidebar-accent-foreground: oklch(0.92 0.008 85)
+    sidebar-border: oklch(0.24 0.01 70)
+    sidebar-ring: oklch(0.7 0.2 40)
+typography:
+  display: { family: "Inter Variable", fallback: "system-ui, sans-serif", weights: [500] }
+  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: 30px, line: 36px, weight: 500, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 500, family: display, tracking: -0.015em }
+    h2: { size: 18px, line: 24px, weight: 500, family: display, tracking: -0.01em }
+    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.09em, 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, codes, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.24 0.02 70 / 0.14)"
+    popover: "0 4px 16px oklch(0.24 0.02 70 / 0.1)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 70 }
+motion:
+  duration: { press: 120ms, fade: 160ms, 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, 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-5 }
+layout: { base: 4px, sidebar: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1320px }
+```

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

@@ -0,0 +1,201 @@
+---
+schema: design-md/v2
+id: mongodb
+tier: brand
+segments: [dev-tools, database, infra]
+keywords: [engineered, navy-teal, green, cool, rounded, database]
+sourced: 2026-07-12
+sources: "design-md/v1 mongodb entry (2026-07-04); 2026-07-12 re-audit of MongoDB public brand; Manrope substitutes the licensed Euclid Circular A (closest open geometric grotesque); Source Code Pro for code surfaces; the bright green primary keeps its deep-navy label per brand"
+license: open
+---
+
+# mongodb — an engineered console, deep navy-teal with one bright-green switch
+
+## 1 Visual Theme
+An engineered, database-native console: a white working canvas over a cool navy-teal
+slate, one bright MongoDB green reserved for the single action that matters — and that
+green always carries a deep-navy label, never white, because it is bright enough to
+demand a dark one. Light by default; the surfaces run faintly cool-green so the UI
+reads database-adjacent, not clinical. The dark theme is the brand's navy-teal hero
+made habitable: a deep cool ladder with the green held bright. The 72px display and
+hero bands stay behind.
+
+## 2 Color Roles
+Deep navy-teal `foreground` on a near-white `background`; `primary` green is the one
+chromatic accent — the primary action, active nav, key detail — labelled in deep navy
+(`primary-foreground`). `accent` is a pale-mint selection lift with a deep-green label.
+The category palette (purple, orange, pink, blue) survives only in `chart-*`; status
+hues speak only status. The `sidebar` holds a faint cool tint below the canvas.
+
+## 3 Typography
+Manrope (the open geometric substitute for the licensed Euclid Circular A) over Source
+Code Pro for IDs, codes, and log lines. UI, body, and heads all ride the geometric
+sans; weight, not a second family, carries the display voice — heads at 600, the
+uppercase eyebrow at 600. Register scope: the display register speaks in page titles,
+section heads, empty states, and auth; mono owns data, codes, IDs, and timestamps.
+Numerals are always `tabular-nums`; emphasis bumps weight, never size.
+
+## 4 Component Stylings
+The primary button alone is pilled — MongoDB's one signature carry — green `primary`
+fill with a deep-navy label; everything else takes the rounded scale. Secondary is
+transparent on an `input` hairline; inputs sit on `background` with a firmer `input`
+edge, focus draws the green `ring` at 2px, no glow. Cards are `card` white at
+`radius-lg` (12px), hairline-edged, shadowed only when lifted. Table rows carry
+`border` grid lines, `muted` hover, pale-mint `accent` selection. Detail opens in the
+side panel; badges take status fills, never `primary`.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 56px (the brand's breathier chrome); side panel
+440/640px; content max 1360px. Controls sit at a comfortable 44px; MongoDB's 20 and 40
+spacing steps survive the marketing trim.
+
+## 6 Depth
+Light: hairlines and the cool surface ladder carry structure; a soft navy-tinted lift
+appears only under true overlays. Dark: the surface ladder does depth — `background`
+0.20 L, `surface-raised` +0.05, `surface-overlay` +0.10, hue held at 230. Focus is
+always the 2px green `ring`, keyboard-first.
+
+## 7 Motion
+Reserved and precise. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `press` (primary-action press, 120ms). Physicality
+is granted only to auth and first-run empty states; nothing animates in tables, query
+results, or 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 is MongoDB's category palette — green, purple,
+orange, pink, blue (`chart-1..5`); tooltips on `surface-overlay` with mono numerals.
+
+## 9 Voice
+Engineered and exact: short declaratives, numbers plain, no cheer. "Add cluster" ·
+"No queries running — the last one returned 41ms ago" · "This index build blocks
+writes; run it in the background or during a maintenance window."
+
+## 10 Do's & Don'ts
+Do reserve green for the single primary action and keep its deep-navy label — bright
+green never carries white text. Do pill only that one action; everything else takes the
+rounded scale. Do carry hierarchy with hairlines and the cool ladder. Don't promote a
+category color (purple, orange, pink, blue) into chrome — they are chart-only. Don't
+reach for a navy-teal hero band or 72px display. Don't cool a status chip into a
+category hue.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
+mono figures. 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 under the content cap.
+
+## 12 Agent Prompt Guide
+Lead every list with its table on the near-white canvas over the cool slate. Spend
+green once per surface, always with the deep-navy label, and pill only that button.
+Every numeric column is `tabular-nums`; every ID, code, and timestamp is mono. The
+category palette is chart-only. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.004 200)
+    foreground: oklch(0.24 0.038 230)
+    card: oklch(0.997 0.003 200)
+    card-foreground: oklch(0.24 0.038 230)
+    popover: oklch(0.997 0.003 200)
+    popover-foreground: oklch(0.24 0.038 230)
+    primary: oklch(0.82 0.21 148)
+    primary-foreground: oklch(0.24 0.04 230)
+    secondary: oklch(0.97 0.008 175)
+    secondary-foreground: oklch(0.3 0.03 230)
+    muted: oklch(0.97 0.008 175)
+    muted-foreground: oklch(0.52 0.03 245)
+    accent: oklch(0.95 0.03 163)
+    accent-foreground: oklch(0.458 0.096 165)
+    destructive: oklch(0.576 0.209 29.5)
+    destructive-foreground: oklch(0.98 0.01 29)
+    success: oklch(0.628 0.156 154)
+    warning: oklch(0.62 0.11 72)
+    border: oklch(0.92 0.006 240)
+    input: oklch(0.84 0.014 245)
+    ring: oklch(0.458 0.1 165)
+    surface-raised: oklch(0.985 0.005 190)
+    surface-overlay: oklch(0.997 0.003 200)
+    chart-1: oklch(0.7 0.18 148)
+    chart-2: oklch(0.55 0.22 291)
+    chart-3: oklch(0.7 0.18 40)
+    chart-4: oklch(0.71 0.18 347)
+    chart-5: oklch(0.5 0.13 271)
+    sidebar: oklch(0.975 0.006 190)
+    sidebar-foreground: oklch(0.28 0.035 230)
+    sidebar-primary: oklch(0.82 0.21 148)
+    sidebar-primary-foreground: oklch(0.24 0.04 230)
+    sidebar-accent: oklch(0.93 0.03 163)
+    sidebar-accent-foreground: oklch(0.458 0.096 165)
+    sidebar-border: oklch(0.91 0.008 200)
+    sidebar-ring: oklch(0.458 0.1 165)
+  dark:
+    background: oklch(0.2 0.015 230)
+    foreground: oklch(0.94 0.01 200)
+    card: oklch(0.24 0.015 230)
+    card-foreground: oklch(0.94 0.01 200)
+    popover: oklch(0.28 0.015 230)
+    popover-foreground: oklch(0.94 0.01 200)
+    primary: oklch(0.82 0.2 148)
+    primary-foreground: oklch(0.2 0.04 230)
+    secondary: oklch(0.26 0.015 230)
+    secondary-foreground: oklch(0.9 0.01 200)
+    muted: oklch(0.25 0.015 230)
+    muted-foreground: oklch(0.72 0.014 220)
+    accent: oklch(0.3 0.04 165)
+    accent-foreground: oklch(0.92 0.03 163)
+    destructive: oklch(0.64 0.19 29)
+    destructive-foreground: oklch(0.15 0.02 29)
+    success: oklch(0.7 0.15 154)
+    warning: oklch(0.75 0.12 72)
+    border: oklch(0.29 0.015 230)
+    input: oklch(0.29 0.015 230)
+    ring: oklch(0.72 0.16 155)
+    surface-raised: oklch(0.25 0.015 230)
+    surface-overlay: oklch(0.3 0.015 230)
+    chart-1: oklch(0.82 0.18 148)
+    chart-2: oklch(0.65 0.2 291)
+    chart-3: oklch(0.72 0.17 40)
+    chart-4: oklch(0.74 0.16 347)
+    chart-5: oklch(0.62 0.14 265)
+    sidebar: oklch(0.17 0.015 230)
+    sidebar-foreground: oklch(0.9 0.01 200)
+    sidebar-primary: oklch(0.82 0.2 148)
+    sidebar-primary-foreground: oklch(0.2 0.04 230)
+    sidebar-accent: oklch(0.26 0.015 230)
+    sidebar-accent-foreground: oklch(0.92 0.01 200)
+    sidebar-border: oklch(0.24 0.015 230)
+    sidebar-ring: oklch(0.72 0.16 155)
+typography:
+  display: { family: "Manrope Variable", fallback: "system-ui, sans-serif", weights: [600, 700] }
+  sans: { family: "Manrope Variable", fallback: "system-ui, sans-serif", weights: [400, 500, 600] }
+  mono: { family: "Source Code Pro", fallback: "ui-monospace, monospace", weights: [400] }
+  ramp:
+    display: { size: 30px, line: 36px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: display, tracking: -0.015em }
+    h2: { size: 18px, line: 24px, weight: 600, family: display, tracking: -0.01em }
+    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.06em, 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, codes, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.22 0.04 230 / 0.16)"
+    popover: "0 4px 16px oklch(0.22 0.04 230 / 0.1)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 230 }
+motion:
+  duration: { press: 120ms, fade: 160ms, 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, 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: [256px, 56px], topbar: 56px, side-panel: [440px, 640px], content-max: 1360px }
+```

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

@@ -0,0 +1,204 @@
+---
+schema: design-md/v2
+id: notion
+tier: brand
+segments: [docs, knowledge, workspace]
+keywords: [warm, paper, editorial, purple, calm, flexible]
+sourced: 2026-07-12
+sources: "design-md/v1 notion entry (2026-07-04); 2026-07-12 re-audit of Notion public brand; Inter substitutes the Inter-based proprietary Notion Sans; JetBrains Mono for code and IDs; inline links stay link-blue, distinct from the purple CTA per brand rule"
+license: open
+---
+
+# notion — a warm paper workspace, one purple where it counts
+
+## 1 Visual Theme
+A calm paper workspace: warm-charcoal ink on faintly-warm paper, beige hairlines
+carrying every edge, and one Notion purple reserved for the single dominant action.
+Light by default; the neutrals lean warm, not cool-slate, so the UI reads editorial
+and unhurried rather than clinical. The dark theme is the same warmth after dark — a
+warm-charcoal ladder holding the paper hue, never inverted paper. The navy hero band
+and the pastel feature-rainbow stay behind.
+
+## 2 Color Roles
+Warm-charcoal `foreground` on warm-paper `background`; `primary` purple is the one
+chromatic action — primary action, active nav, key detail. Inline links stay a
+distinct link-blue: links and CTAs never share a hue (a Notion rule, carried in the
+chart-blue role and prose). `accent` is a soft lavender selection lift with a
+deep-purple label; status hues speak only status; the pastel rainbow never enters
+chrome.
+
+## 3 Typography
+Inter (the open substitute for the Inter-based proprietary Notion Sans) over JetBrains
+Mono for IDs, codes, and timestamps. UI, body, and heads all ride the sans; weight and
+tracking, not a second family, carry the display voice — heads at 600 with tight
+negative tracking, body at generous 1.5 leading. Register scope: the display register
+speaks in page titles, section heads, empty states, and auth; mono owns data, codes,
+IDs, and timestamps. Numerals are always `tabular-nums`; emphasis bumps weight, never
+size.
+
+## 4 Component Stylings
+Buttons `radius-sm` (8px rectangle), purple `primary` fill, never a pill; secondary is
+`background` on an `input` hairline. Inputs sit on `background` with a firmer `input`
+edge; focus draws the purple `ring` at 2px, no glow. Cards are `card` at `radius-lg`
+(12px), warm-hairline-edged, a soft low-alpha lift only when raised. Table rows carry
+`border` grid lines, `muted` hover, lavender `accent` selection. Detail opens in the
+side panel; status badges alone pill; a feature-tag chip is a soft rectangle in
+`accent`.
+
+## 5 Layout
+4px base; sidebar 256/56px; topbar 52px; side panel 440/640px; content max 1320px.
+Spacing is comfortable and dense-capable in tables, never cramped; whitespace carries
+as much hierarchy as the hairlines.
+
+## 6 Depth
+Light: warm hairlines and the paper ladder carry structure; Notion's shadows are near-
+black at very low alpha, diffuse, on overlays only — brand-tinted, never harsh. Dark:
+the surface ladder does depth — `background` 0.20 L, `surface-raised` +0.05,
+`surface-overlay` +0.10, hue held at 70. Focus is always the 2px purple `ring`,
+keyboard-first.
+
+## 7 Motion
+Calm and quiet. Named moments: `panel-slide` (side panel, 240ms, interruptible),
+`fade-arrive` (page content, 160ms), `press` (primary-action press, 120ms). Physicality
+is granted only to auth and first-run empty states; nothing animates in tables, the
+block list, or 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 runs purple, link-blue, green, orange, pink
+(`chart-1..5`) — the blue doubling as the inline-link hue; tooltips on `surface-overlay`
+with mono numerals.
+
+## 9 Voice
+Warm and plain, an editor's calm: short sentences, numbers stated flat, no exclamation.
+"New page" · "Nothing here yet — start with a heading or a table" · "This page is
+shared with 3 people; change access from the share menu."
+
+## 10 Do's & Don'ts
+Do keep the neutrals warm — charcoal ink, paper fills, beige hairlines; cool slate
+reads as a different product. Do reserve purple for the single primary action. Do carry
+hierarchy with hairlines, weight, and whitespace. Don't pill the CTA — buttons are 8px
+rectangles; pills are status badges only. Don't color inline links purple — links are
+link-blue, distinct from the CTA. Don't promote the pastel rainbow into chrome.
+
+## 11 Responsive
+375: sidebar → off-canvas drawer; side panel → full sheet; tables → card rows with
+mono figures. 768: sidebar collapses to the icon rail; tables scroll their overflow.
+1024: two-pane list+detail holds. 1440: content caps for forms; tables and dashboards
+use the full width.
+
+## 12 Agent Prompt Guide
+Keep the neutral ramp warm — charcoal on paper, beige hairlines; never cool it to
+slate. Accent only the primary action with purple; inline links are link-blue and the
+two hues never merge. Sober rectangles: 8px buttons, 12px cards, pills for status
+badges only. Every numeric column is `tabular-nums`; every ID, code, and timestamp is
+mono. Dark is authored — consult the block, never derive.
+
+```yaml design-values
+color:
+  light:
+    background: oklch(0.99 0.005 85)
+    foreground: oklch(0.33 0.011 92)
+    card: oklch(0.997 0.003 85)
+    card-foreground: oklch(0.33 0.011 92)
+    popover: oklch(0.997 0.003 85)
+    popover-foreground: oklch(0.33 0.011 92)
+    primary: oklch(0.499 0.209 281)
+    primary-foreground: oklch(0.98 0.01 281)
+    secondary: oklch(0.97 0.006 80)
+    secondary-foreground: oklch(0.36 0.012 90)
+    muted: oklch(0.97 0.006 80)
+    muted-foreground: oklch(0.48 0.012 90)
+    accent: oklch(0.92 0.03 299)
+    accent-foreground: oklch(0.3 0.103 303)
+    destructive: oklch(0.55 0.21 27)
+    destructive-foreground: oklch(0.98 0.01 26)
+    success: oklch(0.62 0.17 145)
+    warning: oklch(0.629 0.16 45)
+    border: oklch(0.915 0.006 85)
+    input: oklch(0.82 0.009 78)
+    ring: oklch(0.499 0.209 281)
+    surface-raised: oklch(0.985 0.005 85)
+    surface-overlay: oklch(0.997 0.003 85)
+    chart-1: oklch(0.55 0.18 281)
+    chart-2: oklch(0.57 0.15 254)
+    chart-3: oklch(0.62 0.14 150)
+    chart-4: oklch(0.65 0.15 55)
+    chart-5: oklch(0.65 0.16 350)
+    sidebar: oklch(0.975 0.006 82)
+    sidebar-foreground: oklch(0.36 0.011 90)
+    sidebar-primary: oklch(0.499 0.209 281)
+    sidebar-primary-foreground: oklch(0.98 0.01 281)
+    sidebar-accent: oklch(0.9 0.03 299)
+    sidebar-accent-foreground: oklch(0.3 0.103 303)
+    sidebar-border: oklch(0.9 0.008 85)
+    sidebar-ring: oklch(0.499 0.209 281)
+  dark:
+    background: oklch(0.2 0.008 70)
+    foreground: oklch(0.92 0.008 85)
+    card: oklch(0.24 0.009 70)
+    card-foreground: oklch(0.92 0.008 85)
+    popover: oklch(0.28 0.01 70)
+    popover-foreground: oklch(0.92 0.008 85)
+    primary: oklch(0.52 0.2 283)
+    primary-foreground: oklch(0.98 0.01 283)
+    secondary: oklch(0.26 0.01 70)
+    secondary-foreground: oklch(0.9 0.008 85)
+    muted: oklch(0.25 0.01 70)
+    muted-foreground: oklch(0.72 0.011 82)
+    accent: oklch(0.32 0.04 295)
+    accent-foreground: oklch(0.92 0.02 299)
+    destructive: oklch(0.64 0.2 26)
+    destructive-foreground: oklch(0.15 0.02 26)
+    success: oklch(0.68 0.15 145)
+    warning: oklch(0.72 0.15 55)
+    border: oklch(0.29 0.01 70)
+    input: oklch(0.29 0.01 70)
+    ring: oklch(0.62 0.2 285)
+    surface-raised: oklch(0.25 0.009 70)
+    surface-overlay: oklch(0.3 0.01 70)
+    chart-1: oklch(0.62 0.2 285)
+    chart-2: oklch(0.65 0.15 254)
+    chart-3: oklch(0.7 0.14 150)
+    chart-4: oklch(0.72 0.15 55)
+    chart-5: oklch(0.7 0.16 350)
+    sidebar: oklch(0.18 0.008 70)
+    sidebar-foreground: oklch(0.9 0.008 85)
+    sidebar-primary: oklch(0.52 0.2 283)
+    sidebar-primary-foreground: oklch(0.98 0.01 283)
+    sidebar-accent: oklch(0.26 0.012 72)
+    sidebar-accent-foreground: oklch(0.92 0.008 85)
+    sidebar-border: oklch(0.24 0.01 70)
+    sidebar-ring: oklch(0.62 0.2 285)
+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: 30px, line: 36px, weight: 600, family: display, tracking: -0.02em }
+    h1: { size: 24px, line: 30px, weight: 600, family: display, tracking: -0.015em }
+    h2: { size: 18px, line: 24px, weight: 600, family: display, tracking: -0.01em }
+    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.09em, 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, codes, ids, timestamps] }
+elevation:
+  radius: { sm: 8px, md: 10px, lg: 12px }
+  hairline: border
+  shadow:
+    overlay: "0 8px 30px oklch(0.33 0.011 92 / 0.12)"
+    popover: "0 4px 16px oklch(0.33 0.011 92 / 0.08)"
+  dark-ladder: { background: 0.2, raised: 0.25, overlay: 0.3, hue-held: 70 }
+motion:
+  duration: { press: 120ms, fade: 160ms, 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, 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: [256px, 56px], topbar: 52px, side-panel: [440px, 640px], content-max: 1320px }
+```