@nurix/etna 0.18.18 → 0.18.20

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

@@ -0,0 +1,220 @@
+---
+schema: design-md/v1
+product: Lovable
+provenance: library
+sourced: 2026-07-04
+---
+
+# Lovable — warm parchment operator design
+
+An operator reading of Lovable's warm, humanist brand. This entry keeps what carries onto a dense
+internal tool — the cream-and-charcoal palette, the opacity-derived neutral ramp, the soft warm radius
+character, the humanist type voice, the flat border-over-shadow depth — and leaves the marketing behind:
+hero-scale display type, negative tracking at 48–60px, the gradient washes, the 96–208px editorial
+section spacing. Light by default; a single achromatic accent (charcoal `primary`) does the emphasis
+work. Both machine blocks are fully valued; every judgment away from the source lands with a `# derived:` note.
+
+## 1 Visual Theme
+
+Warm, flat, parchment operator console. The canvas is a deliberate cream (`background` `#f7f4ed`), never
+pure white — the brand's signature warmth carried onto the tool. Ink is a near-black charcoal
+(`foreground` `#1c1c1c`), organic rather than clinical. Hierarchy comes from warm hairline `border`, type
+weight, and charcoal-on-cream contrast — never heavy shadow. The one accent is achromatic: `primary` is
+charcoal itself, reserved for the single most important action. Every neutral is one hue — charcoal at
+varying opacity over cream — so the surface reads tonally unified. The anchor surface is a cream canvas
+beside a faintly deeper cream `sidebar`. Density is `standard`.
+
+## 2 Color Roles
+
+Light values first. One accent — `primary` is charcoal, the only role that carries emphasis; status hues
+speak only status. Neutrals derive from `#1c1c1c` at low opacity over cream, which is why they read warm.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` | cream `#f7f4ed` | page and cards — the dominant surface; cards seat on hairlines, not a fill shift |
+| `foreground` | charcoal `#1c1c1c` | all primary ink and headings |
+| `muted` | warm tint `#eeebe5` (charcoal ~4% over cream) | hover rows, subtle fills, secondary surfaces |
+| `muted-foreground` | muted gray `#5f5f5d` | labels, captions, secondary text |
+| `border` / `input` | light cream `#eceae4` | every separator, grid line, card edge, and field edge |
+| `primary` | charcoal `#1c1c1c` | the one primary action; active nav; key interactive detail |
+| `primary-foreground` | off-white `#fcfbf8` | text/icon on charcoal fills |
+| `accent` | warm tint `#eeebe5` | selected/hovered rows and nav |
+| `ring` | ring blue `#3b82f6` | the keyboard focus outline — the one cool element, an accessibility affordance, not a brand accent |
+| `destructive` | warm red `#c0392b` | destructive actions and error state only |
+| `success` / `warning` | sage `#4f7a3f` / ochre `#c08a2d` | status signalling only, never chrome |
+
+Interactive borders may step to a stronger charcoal-40% edge (`rgba(28,28,28,0.4)`); passive containment stays `#eceae4`.
+
+## 3 Typography
+
+One sans, one mono. `font-sans` is Camera Plain Variable — a humanist face with rounded terminals that
+gives the tool its warmth; the UI, body, and headings all ride it (`ui-sans-serif, system-ui` fallbacks).
+Weight range is narrow: 400 for body/UI, 600 for headings (600 is the ceiling — never 700). `font-mono`
+is derived (no brand mono documented) for IDs, codes, timestamps, and log lines. Numeric columns render
+`tabular-nums` so figures align down a column (floor P4).
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 18px / 1.3 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 15px / 1.35 | `font-weight-strong` |
+| body | UI + prose | 14px / 1.5 | `font-weight-normal` |
+| small | labels, meta, dense table | 13px / 1.4 | `font-weight-normal` |
+| caption | eyebrow, metadata | 12px / 1.3 | `font-weight-normal` |
+
+The marketing hero ramp (36–60px, weight 480/600, tracking −0.9px to −1.5px) stays behind; the operator
+ramp tops out at 24px. Bump weight for emphasis; never change size to emphasize.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled charcoal `primary` on `primary-foreground`, `radius`, no pill. The
+  signature inset shadow (a white highlight line above, a dark hairline and soft drop below) rides
+  `shadow-intensity` for a pressed-into-surface feel. Secondary: `secondary` fill, `border`, `foreground`.
+  Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `border` (`border-weight`), `radius`; focus draws the `ring` outline.
+- **Card** — `card` surface, 1px `border`, `radius` at the card step; no shadow by default — the warm
+  hairline is the containment mechanism; inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
+  numeric columns; row selection tints `accent`.
+- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`),
+  beside the work, not over it (floor P3).
+- **Badge** — hairline `border`, `muted`/status fill; status badges take `success` / `warning` /
+  `destructive`, never `primary`. The full-pill `9999px` radius is reserved for icon toggles only.
+
+## 5 Layout
+
+Base spacing unit 8px; the operator ramp is `4 · 8 · 12 · 16 · 24 · 32 · 40 · 56 · 80` (the editorial
+96–208px expanses stay behind). Shell dimensions map one-to-one to the layout primitives: sidebar
+`sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`, side panel
+`side-panel-width` / `side-panel-width-rich`, modal cap `modal-width-max`, forms `form-max-width`, tables
+full-width. Density is governed globally by `density-tier` (rewriting the scale through `density-gap`)
+and stepped per archetype by the surface catalog — never by absolute overrides.
+
+## 6 Depth
+
+Flat and shallow. Hierarchy comes from the warm hairline against the cream surface, not shadow:
+
+- **0 — canvas** `background`, no border.
+- **1 — panel / card** `card` on a 1px `#eceae4` border; no shadow — warm borders do the containment.
+- **2 — overlay** `popover` / side panel / modal lifts a half-step to off-white and earns a single soft,
+  diffused shadow (`shadow-intensity` → `md`) — the brand's warm glow, never a sharp drop.
+
+Focus is the `ring` outline on every interactive element (floor P6); the soft warm focus shadow
+(`rgba(0,0,0,0.1) 0px 4px 12px`) is the active-state treatment. Three z-levels: content, chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** keep the cream `background` (`#f7f4ed`) as the foundation — never pure white; the warmth is the brand.
+- **Do** derive every neutral from charcoal at low opacity for tonal unity, not arbitrary grays.
+- **Do** reserve charcoal `primary` for the single most important action; everything else is neutral or status.
+- **Do** carry containment with the `#eceae4` hairline, not a shadow.
+- **Do** apply `tabular-nums` to every numeric column and `font-mono` to IDs, codes, and timestamps.
+- **Don't** introduce a saturated chromatic accent — the palette is warm-neutral; the blue `ring` is an
+  accessibility affordance, not license for a second accent.
+- **Don't** use weight 700 (600 is the ceiling), pill a rectangular button, signal elevation with heavy
+  drop shadows, or open detail/edit in a modal when the side panel fits.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane list+detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+What carries from Lovable onto an operator tool, and what stays behind:
+
+- **Reach for first**: the cream `background` and charcoal `foreground`, plus the humanist Camera Plain voice — this brand is defined by warmth.
+- **One accent, achromatic**: charcoal `primary` is the emphasis (if two things want it, one is not
+  primary); derive every muted fill and border from charcoal-over-cream, never a cold gray.
+- **Flat before lifted**: warm `#eceae4` hairline before any shadow; reach past it only for a real overlay, and then only the soft diffused glow.
+- **Numbers**: every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono` (P4).
+- **Keyboard-first**: every workflow completes from the keyboard; the `ring` focus outline is always visible (P6).
+- **Left behind** (marketing only): hero type at 36–60px, display-scale negative tracking, the gradient washes, the 96–208px editorial spacing. Warmth comes from palette and type, not lavish gaps.
+
+```yaml design-primitives
+radius: 6px
+shadow-intensity: 0.3                              # derived: brand is flat, borders over shadows; only the soft focus glow and button inset lift
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif
+font-mono: IBM Plex Mono, ui-monospace, SFMono-Regular, monospace   # derived: no brand mono documented; IBM Plex Mono's humanist warmth pairs with Camera Plain for IDs/codes/logs
+font-weight-normal: 400
+font-weight-strong: 600                            # derived: brand ceiling is 600 — never 700
+heading-tracking: -0.015em                         # derived: Camera Plain compresses at scale; scaled down from the −0.9/−1.5px display tracking to a gentle operator-heading value
+duration-unit: 50ms                                # derived: corpus silent on timing; operator default
+duration-fast: 100ms                               # derived: corpus silent on timing; operator default
+duration-normal: 150ms                             # derived: corpus silent on timing; operator default
+duration-slow: 250ms                               # derived: corpus silent on timing; operator default
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus silent; standard ease suits the soft, diffused character
+contrast-boost: 1                                  # derived: the soft warm #eceae4 hairline is intentional; boosting contrast would fight the brand
+icon-stroke: 1.75                                  # derived: shadcn/lucide default 2 stepped to 1.75 for a refined humanist stroke
+icon-size-base: 16px
+sidebar-width-expanded: 248px                      # derived: source is a marketing site with no shell; operator default
+sidebar-width-collapsed: 56px                      # derived: operator default
+topbar-height: 56px                                # derived: a touch taller than baseline to honor the comfortable, breathing rhythm
+side-panel-width: 420px                            # derived: operator default
+side-panel-width-rich: 640px                       # derived: operator default
+modal-width-max: 560px                             # derived: operator default
+form-max-width: 640px                              # derived: marketing max width ~1200px is hero-scale; operator forms cap tighter
+table-row-height: 44px                             # derived: comfortable 8×16 button padding character carried to a slightly taller warm row
+verbosity: default
+feedback: subtle                                   # derived: brand uses opacity-0.8 active and soft diffused focus — gentle, understated feedback
+density-tier: standard                             # derived: a spacious marketing brand read at operator density; warmth carries via palette and type, not lavish gaps
+product-traits: [dev-tools, ai-builder, no-code]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Camera Plain Variable, ui-sans-serif, system-ui, sans-serif", mono: "IBM Plex Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#f7f4ed"
+    foreground: "#1c1c1c"
+    card: "#f7f4ed"
+    card-foreground: "#1c1c1c"
+    muted: "#eeebe5"                # derived: charcoal ~4% over cream (rgba(28,28,28,0.04)) resolved to an opaque warm tint
+    muted-foreground: "#5f5f5d"
+    border: "#eceae4"
+    input: "#eceae4"
+    ring: "#3b82f6"
+    primary: "#1c1c1c"
+    primary-foreground: "#fcfbf8"
+    accent: "#eeebe5"              # derived: subtle warm hover/selection tint, same as muted
+    accent-foreground: "#1c1c1c"
+    destructive: "#c0392b"         # derived: warm red tuned to the parchment palette (corpus silent on status hues)
+    destructive-foreground: "#fcfbf8"
+    success: "#4f7a3f"             # derived: muted sage green, warm-leaning to fit the palette
+    warning: "#c08a2d"             # derived: ochre amber, warm-leaning
+    popover: "#fcfbf8"             # derived: off-white lifts overlays a half-step above the cream canvas
+    popover-foreground: "#1c1c1c"
+    secondary: "#eeebe5"           # derived: the cream-surface button given a faint warm fill so it reads against the cream page
+    secondary-foreground: "#1c1c1c"
+    chart-1: "#1c1c1c"             # derived: charcoal anchors the primary series
+    chart-2: "#c08a2d"             # derived: warm categorical ramp from the status hues + ring blue, kept within the palette
+    chart-3: "#4f7a3f"             # derived
+    chart-4: "#bc6c3a"             # derived: terracotta/burnt-orange to extend the warm ramp
+    chart-5: "#3b82f6"             # derived: the ring blue as a single cool anchor
+    sidebar: "#f2efe6"             # derived: a faintly deeper cream than the canvas so the nav rail reads as chrome
+    sidebar-foreground: "#1c1c1c"
+    sidebar-primary: "#1c1c1c"
+    sidebar-primary-foreground: "#fcfbf8"
+    sidebar-accent: "#eeebe5"
+    sidebar-accent-foreground: "#1c1c1c"
+    sidebar-border: "#eceae4"
+    sidebar-ring: "#3b82f6"
+spacing-scale: [4, 8, 12, 16, 24, 32, 40, 56, 80]   # 8px base; editorial 96–208 stay behind with the marketing
+radius-scale: [4, 6, 8, 12, 16, 9999]               # no hard 0 — the brand's soft-corner character starts at 4px
+shadow-levels: [none, sm, md]
+motion: { durations: [100, 150, 250], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.75 }
+accent-count: 1
+```

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

@@ -0,0 +1,220 @@
+---
+schema: design-md/v1
+product: Meta
+provenance: library
+sourced: 2026-07-04
+---
+
+# Meta — the stark-white, cobalt-accent operator reading
+
+An operator translation of Meta's hardware-commerce design language (Quest, Ray-Ban Meta glasses). The
+merchandising theatre stays behind: the 64px Optimistic hero display, full-bleed photography, the
+dual-CTA hero, the black-pill marketing CTA, the 80/120px rhythm. What carries is the chassis underneath
+— a stark white canvas (`#ffffff`), a single saturated cobalt accent (`#0064e0`, Meta's own buy-now
+color promoted to the operator primary), a cool blue-gray neutral temperature, Optimistic VF's snug
+geometric-humanist voice, moderate rounding, and Facebook-Blue focus. Both blocks are fully valued;
+judgments past the corpus are annotated `# derived:`, corpus values `# corpus:`.
+
+## 1 Visual Theme
+
+Light by default; dark is opt-in (Meta ships no dark tokens — light is the whole thesis). Stark white
+`background` (`#ffffff`) is the identity — the brand's photography-carrying ground, kept pure-white here.
+Flat: hierarchy comes from a cool hairline `border`, type weight, and the two-layer elevation Meta
+actually uses — never a decorative shadow. A single accent, cobalt `primary` (`#0064e0`) — Meta's scarce
+commerce buy-now color — is the only chromatic hue that carries meaning. Ink is a deep cool near-black
+`foreground` (`#0a1317`) leaning faintly blue, so the neutrals read cool, not warm-gray. The anchor
+surface is a white content canvas beside a faintly cool-tinted `sidebar`. Density is `standard` — Meta's
+marketing breathes, but its commerce configurator runs dense, and the operator reading takes its pace.
+
+## 2 Color Roles
+
+Light values first (hex, the corpus's native format). One accent — `primary` is the only chromatic hue that carries meaning; the status hues speak only status.
+
+| Role | Value | Allowed where |
+| --- | --- | --- |
+| `background` / `card` / `popover` | stark white `#ffffff` | page, cards, and overlays — the dominant surface, differentiated by border not brightness |
+| `foreground` | deep cool ink `#0a1317` | all primary ink and headlines |
+| `muted` / `secondary` | soft cool cloud `#f1f4f7` / `#e9edf2` | hover rows, subtle fills, secondary button fill |
+| `muted-foreground` | steel blue-gray `#5d6c7b` | labels, captions, secondary text |
+| `border` | soft hairline `#dee3e9` | every separator, grid line, and card edge |
+| `input` | firmer control gray `#ced0d4` | field edges — one notch firmer than the divider hairline |
+| `primary` | cobalt `#0064e0` | the one primary action; active nav; the key interactive detail |
+| `accent` | cobalt tint `#e6f0fc` | selected / hovered rows and nav — selection tints cobalt, never fills it |
+| `ring` | Facebook Blue `#1876f2` | the 2px focus outline — Meta's exact input-focus hue, one notch brighter than cobalt |
+| `destructive` | critical red `#e41e3f` | destructive actions and error state only |
+| `success` / `warning` | green `#31a24c` / amber `#f2a918` | status signalling only, never chrome |
+
+The black marketing pill (`#000000`), Oculus purple (`#a121ce`), and promo yellow (`#f7b928`) are brand graces off the operator palette: the black CTA and dual-CTA grammar stay behind (§7), purple lives only in charts, and promo yellow fails as status on white (status takes the amber `warning`).
+
+## 3 Typography
+
+One display sans, one derived mono. `font-sans` is Optimistic VF — Meta's variable face — with the
+corpus's Montserrat fallback and Inter added for dense-body legibility; UI, body, and headings all ride
+it, weight and Optimistic's `ss01`/`ss02` sets carrying the humanist voice, not a second family. The
+64/48px hero and display sizes stay behind; the operator ramp keeps the face at working sizes. Optimistic
+is drawn snug — body carries a `-0.14` to `-0.16px` negative tracking, reflected in the ramp as a light
+`-0.01em`. `font-mono` is a derived Roboto Mono for IDs, codes, timestamps; numeric columns render `tabular-nums`.
+
+| Step | Role | Size · line | Weight · tracking |
+| --- | --- | --- | --- |
+| h1 | page title | 28px / 1.21 | `font-weight-strong` · `heading-tracking` |
+| h2 | section head | 24px / 1.25 | `font-weight-strong` · `heading-tracking` |
+| h3 | card / group head | 18px / 1.44 | `font-weight-strong` · 0 |
+| body | UI + prose | 16px / 1.5 | `font-weight-normal` · `-0.01em` |
+| small | labels, meta, dense table | 14px / 1.43 | `font-weight-normal` · `-0.01em` |
+| caption | uppercase eyebrow | 12px / 1.33 | `font-weight-strong`, `+0.02em`, uppercase |
+| code | IDs, codes, timestamps | 13px / 1.5 | `font-weight-normal` |
+
+Body runs at 16px, not 14 — Meta's `body-md` reading pace; emphasise by weight, never size. The `ss01`/`ss02` heading sets are a hand-applied invariant the machine block can't carry.
+
+## 4 Component Stylings
+
+Every recurring operator component composes from the primitives — no literal values.
+
+- **Button** — `primary`: filled cobalt on `primary-foreground`, `radius` (8px rect), no pill; press
+  deepens the cobalt. Secondary: `secondary` fill, 1px `border`. Ghost: transparent, `accent` on hover.
+- **Input** — `background` fill, 1px `border` (the firmer `input` gray), `radius`; focus draws the `ring`
+  in Facebook Blue at 2px, no glow.
+- **Card** — white `card` on a 1px `border`; panels read by hairline, not brightness (nothing sits
+  lighter than the canvas); shadow only when lifted; inset by `density-inset`.
+- **Table row** — height `table-row-height`; `border` grid lines; `muted` on hover; `tabular-nums` on
+  numeric columns; row selection tints `accent`.
+- **Side panel** — detail and edit open in the side panel (`side-panel-width`, `side-panel-width-rich`
+  for content-heavy), beside the work, not over it.
+- **Badge** — pill radius (`9999`, the one place Meta's signature pill survives), `muted`/status fill,
+  uppercase caption; status badges take `success` / `warning` / `destructive`, never `primary`.
+
+## 5 Layout
+
+Base spacing unit 4px with 8px as the dominant step (Meta's grid); the on-scale ramp is `4 · 8 · 12 · 16
+· 24 · 32 · 48 · 64` — the 80/120px marketing rhythm stays behind. Shell dimensions map one-to-one to the
+layout primitives: sidebar `sidebar-width-expanded` / `sidebar-width-collapsed`, topbar `topbar-height`,
+side panel `side-panel-width` / `side-panel-width-rich` (the corpus PDP purchase rail informs the width),
+modal cap `modal-width-max`, forms `form-max-width`, tables full-width. Density is governed globally by
+`density-tier`, stepped per archetype by the surface catalog — never by absolute overrides.
+
+## 6 Depth
+
+Flat, with Meta's exact two-layer elevation:
+
+- **0 — canvas** `background` (`#ffffff`), no border.
+- **1 — panel / card** white `card` on a 1px `border`; the hairline is the divider, not a shadow. A faint
+  `sm` lift only when a control must read as raised (Meta's pill-tab-active indicator).
+- **2 — overlay** `popover` / side panel / modal / sticky rail — the one place `shadow-intensity` earns a
+  soft `md` shadow (Meta's `rgba(20,22,26,0.3) 0 1px 4px`). Rank is border and position, never a heavier shadow.
+
+Focus is a 2px Facebook-Blue `ring` outline (never a glow), on every interactive element. Three z-levels: content, sticky chrome, overlay.
+
+## 7 Do's & Don'ts
+
+- **Do** anchor on the stark white canvas — Meta's whole thesis; cards differentiate by hairline, not tint.
+- **Do** reserve cobalt `primary` for the single most important action; its weight is meaningful because scarce.
+- **Do** keep the neutrals cool — ink and grays lean faintly blue (`#0a1317`, `#5d6c7b`), never warm-gray.
+- **Do** apply `tabular-nums` to numeric columns, `font-mono` to IDs/codes/timestamps, and set the type snug.
+- **Don't** promote the black marketing pill or dual-CTA hero grammar — one cobalt accent, not a two-CTA pair.
+- **Don't** pill every control — the 100px pill is a marketing signal; controls take the 8px `radius` rect, pill (`9999`) for badges.
+- **Don't** promote a second chromatic accent — Oculus purple stays in charts, promo yellow stays behind.
+- **Don't** signal elevation with heavy drop shadows, or open detail in a modal when the side panel fits.
+
+## 8 Responsive
+
+The operator sweep is 375 / 768 / 1024 / 1440.
+
+| Breakpoint | What changes |
+| --- | --- |
+| 375 | sidebar → off-canvas drawer; two-pane list+detail stacks; side panel → full sheet; density holds |
+| 768 | sidebar collapses to the icon rail (`sidebar-width-collapsed`); tables scroll their overflow |
+| 1024 | sidebar expands; two-pane queue+detail holds side by side |
+| 1440 | forms cap at `form-max-width`; tables and dashboards use the full width |
+
+## 9 Agent Prompt Guide
+
+- **Carries:** the stark white `#ffffff` canvas; the single cobalt `#0064e0` accent; the cool blue-gray
+  neutral temperature; Optimistic VF's geometric-humanist voice (Montserrat / Inter fallback, `ss01`+`ss02`
+  on headings) with snug tracking; the 8px control radius; the Facebook-Blue focus ring; the 16px pace.
+- **Stays behind:** the 64/48px hero and display type; full-bleed product photography; the black-pill and
+  dual-CTA hero grammar; pill-everything (100px) controls; the promo banner; the 80/120px section rhythm.
+- Lead every list surface with its table; lead every entity with its primary read, not its chrome.
+- Accent only the primary action in cobalt. If two things want the accent, one of them is not primary.
+- Every numeric column is `tabular-nums`; every ID / code / timestamp is `font-mono`; keep the type snug.
+- Every workflow completes from the keyboard; the Facebook-Blue `ring` focus outline is always visible.
+
+```yaml design-primitives
+radius: 8px                                        # corpus: form inputs / radio options at rounded.lg (8px); the 100px marketing pill stays behind (badges keep the pill)
+shadow-intensity: 0.3                              # corpus: only two elevated layers, at rgba ~0.2–0.3 alpha; chrome is otherwise flat
+border-weight: 1px
+density-gap: 1
+density-inset: 1
+font-sans: Optimistic VF, Montserrat, Inter, system-ui, sans-serif   # corpus: Optimistic VF with Montserrat fallback; Inter added for dense-body legibility
+font-mono: Roboto Mono, ui-monospace, SFMono-Regular, monospace      # derived: corpus ships no mono; Roboto Mono is the geometric-neutral sibling to the Optimistic/Montserrat voice
+font-weight-normal: 400                            # corpus: body-md weight 400
+font-weight-strong: 600                            # derived: corpus display headings are 500 (too light to separate at operator sizes) and functional emphasis 700; 600 is the operator middle
+heading-tracking: -0.01em                          # derived: corpus tracks headings at 0 but sets body snug (-0.14/-0.16px); Optimistic is drawn snug, so a slight -0.01em keeps that character at heading scale
+duration-unit: 50ms                                # derived: corpus documents no base unit; operator standard
+duration-fast: 100ms                               # derived: corpus silent below its 150ms floor
+duration-normal: 150ms                             # corpus: recommends 150–250ms ease-out for primary surface transitions
+duration-slow: 300ms                               # corpus: recommends 300ms ease-in-out for accordion expand/collapse
+ease-default: cubic-bezier(0.4,0,0.2,1)            # derived: corpus recommends ease-out; the standard functional curve
+contrast-boost: 1                                  # derived: standard density reads as a grid without boosted hairlines
+icon-stroke: 1.75                                  # derived: corpus uses line icons (20–32px); operator-standard stroke
+icon-size-base: 16px                               # derived: corpus feature icons run 20–32px; the base UI glyph tightens to 16px
+sidebar-width-expanded: 248px                      # derived: corpus has no app shell; operator standard rail
+sidebar-width-collapsed: 56px                      # derived: corpus has no app shell; operator standard icon rail
+topbar-height: 56px                                # derived: corpus top nav ~64px is marketing-generous; operator tightens to 56px
+side-panel-width: 420px                            # derived: corpus PDP purchase rail caps ~380px; nudged to 420 for operator detail
+side-panel-width-rich: 640px                       # derived: content-heavy detail width
+modal-width-max: 560px                             # derived: corpus has no shell; confirmations only
+form-max-width: 640px                              # derived: corpus configurator column; a comfortable form cap
+table-row-height: 44px                             # derived: corpus has no tables; the 44px input / touch-target height sets a comfortable row
+verbosity: default
+feedback: subtle
+density-tier: standard                             # derived: corpus marketing breathes (80/120px) but the commerce configurator runs dense; the operator reading takes the panel's standard tier
+product-traits: [catalog, commerce, dashboard, admin]
+```
+
+```yaml lever-manifest
+version: 1
+fonts: { sans: "Optimistic VF, Montserrat, Inter, system-ui, sans-serif", mono: "Roboto Mono, ui-monospace, SFMono-Regular, monospace" }
+color-tokens:
+  light:
+    background: "#ffffff"
+    foreground: "#0a1317"
+    card: "#ffffff"
+    card-foreground: "#0a1317"
+    muted: "#f1f4f7"
+    muted-foreground: "#5d6c7b"
+    border: "#dee3e9"
+    input: "#ced0d4"
+    ring: "#1876f2"
+    primary: "#0064e0"
+    primary-foreground: "#ffffff"
+    accent: "#e6f0fc"                          # derived: light tint of cobalt #0064e0 (corpus tints callouts with primary-soft at 15% alpha)
+    accent-foreground: "#0064e0"
+    destructive: "#e41e3f"
+    destructive-foreground: "#ffffff"
+    success: "#31a24c"
+    warning: "#f2a918"                          # derived: corpus splits attention #f2a918 and promo yellow #f7b928; the operator warning takes the legible amber (promo yellow fails as status text on white)
+    popover: "#ffffff"
+    popover-foreground: "#0a1317"
+    secondary: "#e9edf2"                        # derived: one step below surface-soft so secondary buttons separate from the muted hover tint
+    secondary-foreground: "#0a1317"
+    chart-1: "#0064e0"                          # cobalt primary
+    chart-2: "#0091ff"                          # primary-soft sky
+    chart-3: "#a121ce"                          # Oculus purple
+    chart-4: "#31a24c"                          # success green
+    chart-5: "#f2a918"                          # attention amber
+    sidebar: "#f7f9fb"                          # derived: a faint cool tint below the white canvas; Meta's nav is white with a hairline, kept faintly recessive for operator chrome
+    sidebar-foreground: "#0a1317"
+    sidebar-primary: "#0064e0"
+    sidebar-primary-foreground: "#ffffff"
+    sidebar-accent: "#e6f0fc"
+    sidebar-accent-foreground: "#0064e0"
+    sidebar-border: "#dee3e9"
+    sidebar-ring: "#1876f2"
+spacing-scale: [4, 8, 12, 16, 24, 32, 48, 64]
+radius-scale: [0, 4, 6, 8, 16, 9999]
+shadow-levels: [none, sm, md]
+motion: { durations: [100, 150, 300], easings: ["cubic-bezier(0.4,0,0.2,1)"] }
+icons: { family: lucide, stroke: 1.75 }
+accent-count: 1
+```