@vegastack/design-tokens 0.4.0 → 0.7.0

package/dist/theme.css

@@ -1,4 +1,4 @@
-@custom-variant dark (&:where(.dark, .dark *));
+@custom-variant dark (&:is(.dark *));
 
 /**
  * Do not edit directly, this file was auto-generated.
@@ -6,60 +6,49 @@
 
 :root {
   color-scheme: light;
-  --background: oklch(0.994 0.002 75);
-  --foreground: oklch(0.145 0.003 75);
-  --card: oklch(0.994 0.002 75); /** Light cards are PAGE-COLOURED and separated by the alpha hairline alone (surface-ladder decision 2026-09-07, P1): no reference system lifts or sinks a light card. Dark keeps the one-step lift (neutral.900). */
-  --card-foreground: oklch(0.145 0.003 75);
-  --popover: oklch(0.994 0.002 75); /** Every floating surface is the card surface + shadow-overlay; never a lighter or darker rung of its own. */
-  --popover-foreground: oklch(0.145 0.003 75);
-  --surface-1: oklch(0.97 0.003 75); /** Surface ladder rung 1 — the REST fill of a filled control (secondary/soft button, kbd, chip, segmented rail, tab-list pill) and the sunken well (code block, skeleton, disabled field, slider/progress track). `secondary` and `muted` are aliases of this rung. */
-  --surface-2: oklch(0.945 0.003 75); /** Surface ladder rung 2 — the HOVER step: a transparent row/item/ghost control hovers to it, a rung-1 control hovers to it. `accent` and `sidebar-accent` are aliases. Alpha twin: bg-foreground/(--alpha-hover). */
-  --surface-3: oklch(0.922 0.003 75); /** Surface ladder rung 3 — the PRESSED / SELECTED step (active:, data-selected, the active sidebar row, the switch off-track). Alpha twin: bg-foreground/(--alpha-pressed). */
-  --primary: oklch(0.353 0.003 75);
-  --primary-foreground: oklch(0.985 0.003 75);
-  --primary-hover: oklch(0.269 0.003 75);
-  --primary-active: oklch(0.236 0.003 75);
-  --secondary: oklch(0.97 0.003 75); /** ALIAS of surface-1 (kept so shadcn-shaped code keeps compiling). Never retune independently. */
-  --secondary-foreground: oklch(0.145 0.003 75); /** ALIAS of foreground — one ink on every neutral rung. */
-  --muted: oklch(0.97 0.003 75); /** ALIAS of surface-1 (shadcn name). muted-foreground stays a real text role. */
-  --muted-foreground: oklch(0.439 0.003 75);
-  --muted-foreground-faint: oklch(0.63 0.003 75);
-  --accent: oklch(0.945 0.003 75); /** ALIAS of surface-2, the hover/highlight rung (shadcn's `accent` — a NEUTRAL, never a hue). Menu/select/command `data-highlighted` rides on it. */
-  --accent-foreground: oklch(0.145 0.003 75); /** ALIAS of foreground. */
-  --destructive: oklch(0.505 0.213 27.52);
-  --destructive-foreground: oklch(0.985 0.003 75);
-  --destructive-subtle: oklch(0.949 0.022 24);
-  --destructive-text: oklch(0.496 0.2 25); /** Page-readable red ink (was red.650, L 0.521). Re-tuned -0.025 L on 2026-09-07 so the soft PRESSED rung (`destructive-subtle-active`, fill @12% over subtle) still clears 4.5:1 — at the old ink the soft family sat at the AA edge on hover (4.60:1) and had no room for a pressed step. Every other pair only gains contrast. */
-  --destructive-border: oklch(0.505 0.213 27.52); /** Invalid-state border ink, composited at --alpha-tint-border. A DEDICATED role because the fill hue cannot serve both: on the dark ground, destructive at 70% measures 1.92:1, far under the 3:1 WCAG 1.4.11 floor for a non-text UI indicator, and lightening `destructive` itself would drop destructive-foreground on the solid button below 4.5:1. Light keeps the fill hue (4.24:1); dark re-grounds to red.400 (4.00:1). */
-  --success: oklch(0.5 0.16 150);
-  --success-foreground: oklch(0.985 0.003 75);
-  --success-subtle: oklch(0.951 0.051 150);
-  --success-text: oklch(0.48 0.13 150); /** Page-readable green ink (was green.650, L 0.5); -0.02 L for the soft pressed rung — see destructive-text. */
-  --warning: oklch(0.52 0.145 52);
-  --warning-foreground: oklch(0.985 0.003 75);
-  --warning-subtle: oklch(0.96 0.019 42);
-  --warning-text: oklch(0.505 0.139 42); /** Page-readable amber ink (was amber.650, L 0.52); -0.015 L for the soft pressed rung — see destructive-text. */
-  --info: oklch(0.531 0.182 256);
-  --info-foreground: oklch(0.985 0.003 75);
-  --info-subtle: oklch(0.961 0.018 253);
-  --info-text: oklch(0.5 0.171 256); /** Link / informational blue ink (was blue.650, L 0.52); -0.02 L for the soft pressed rung — see destructive-text. */
-  --overlay: oklch(0.13 0.002 75 / 0.28); /** Modal scrim — an alpha-composite literal (a translucent wash has no primitive step; alpha is intrinsic to the role). Theme-split: the dark scrim is deeper. */
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.539 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.205 0 0); /** FOC-2 (ours): the focus ring is the near-black/near-white INK, not shadcn's mid-grey (0.708 light / 0.556 dark). FOC-1 paints it as one global 2px `:focus-visible` outline, so it is the whole focus affordance and has to carry real contrast. */
+  --destructive: oklch(0.577 0.245 27.325); /** shadcn base-nova's value, verbatim. */
+  --destructive-foreground: oklch(1 0 0);
+  --destructive-text: oklch(0.446 0.182 27.325); /** COL-12 (ours), the page-readable half of the family. A status FILL is tuned to carry its own `-foreground` on top of it; used AS TEXT on the page or on the family's own 10-20% tint it lands between 3.98 and 4.35:1, which is a live WCAG 1.4.3 failure (measured by the rendered axe lane, 2026-09-18, on Alert, Badge, Toast and the soft Button). This is the ink those surfaces read through, AA-gated by contrast-check on background, card, popover and on the /10, /20 and /30 composites over each. Upstream has no tinted status surface at all, so this token is an addition to shadcn rather than a deviation from it. */
+  --success: oklch(0.53 0.15 150); /** COL-12 (ours): written in shadcn's destructive shape — one fill, one on-fill foreground. AA-gated as page text and as a fill under its foreground, in both themes. */
+  --success-foreground: oklch(1 0 0);
+  --success-text: oklch(0.44 0.121 150);
+  --warning: oklch(0.55 0.12 70); /** COL-12 (ours): written in shadcn's destructive shape — one fill, one on-fill foreground. AA-gated as page text and as a fill under its foreground, in both themes. */
+  --warning-foreground: oklch(1 0 0);
+  --warning-text: oklch(0.462 0.1 70);
+  --info: oklch(0.55 0.19 256); /** COL-12 (ours): written in shadcn's destructive shape — one fill, one on-fill foreground. AA-gated as page text and as a fill under its foreground, in both themes. */
+  --info-foreground: oklch(1 0 0);
+  --info-text: oklch(0.456 0.156 256);
   --media-scrim: oklch(0.13 0.002 75 / 0.6); /** THEME-INVARIANT media chrome scrim (B4-01): the gradient/backdrop behind controls laid over video or imagery. Always a warm-black alpha, never a theme token, so the chrome reads dark-scrim + light-ink in both themes (`primary` flips with the theme and inverted the chrome in dark). TEXT IS PERMITTED on this scrim: media-foreground clears 5.2:1 on it over a white worst-case backdrop, and tooling/contrast-check.mjs gates the pair at the AA TEXT floor (4.5:1), not the 3:1 non-text floor — so a retune that thins this scrim under AA fails the build rather than silently demoting its labels. */
   --media-scrim-strong: oklch(0.13 0.002 75 / 0.8); /** Theme-invariant strong scrim for opaque media pills (volume popover, time badge) — 11:1 for media-foreground over a white worst case. Use it for any block of media text that needs headroom beyond the soft scrim's ~5.2:1, and for text over unusually bright or busy frames. */
-  --media-foreground: oklch(0.985 0.003 75); /** Theme-invariant media chrome ink: the warm off-white used for every icon, label and track drawn over media-scrim or media-scrim-strong. Labels are allowed on EITHER scrim — both are gated at the AA text floor (4.5:1) against this ink over the white worst case. Not overridden in dark on purpose. */
-  --input: oklch(0.145 0.003 75 / 0.08); /** ALIAS of border (the alpha hairline). `border` itself is DERIVED by the SD preprocessor: foreground at --alpha-border (D14) so one hairline survives on page, card, well and dark band alike. */
-  --ring: oklch(0.353 0.003 75);
-  --chart-1: oklch(0.546 0.245 262.88);
-  --chart-2: oklch(0.6 0.118 184.7);
-  --chart-3: oklch(0.398 0.07 227.39);
-  --chart-4: oklch(0.646 0.222 41.12);
-  --chart-5: oklch(0.645 0.246 16.44);
-  --chart-6: oklch(0.505 0.213 27.52);
-  --chart-7: oklch(0.6 0.127 104.2); /** Olive (hue 104) — reassigned from green.600, which collided with the brand phosphor hue (CX-9). */
-  --chart-8: oklch(0.531 0.182 256);
-  --chart-single: oklch(0.145 0.003 75); /** Single-series chart ink (D29): one series is drawn in foreground ink; the categorical chart-1…8 hues start at two series. */
-  --brand: oklch(0.6 0.17 148); /** The phosphor-green brand accent, LIGHT half (theme-split per CX-9): MARKER roles (live/AI-state dot, sparkline endpoint, eyebrow highlight, terminal prompt glyph) plus the `cta` Button's faint wash and its accent outline — the one sanctioned button, D17/D18. 3.5:1 on card/background — meaningful glyphs pass WCAG 1.4.11, and it is NOT a text ink: brand LABELS take `brand-text`. Never a headline colour, a full-strength surface, or a decorative wash beyond one radial. */
-  --brand-text: oklch(0.46 0.17 148); /** The PAGE-READABLE brand ink, LIGHT half — the same role every chromatic family ships as `<family>-text`. `brand` itself is a 3.5:1 marker and fails WCAG 1.4.3 as a label (measured 3.41:1 for the `cta` Button's mono label over its own faint wash, 2026-09-09), so any brand-coloured TEXT reads through this token instead. Gated at 4.5:1 by contrast-check over background/card/popover/surface-1–3 and over the brand wash at alpha-surface-faint/hover/pressed. */
+  --media-foreground: oklch(0.985 0 0); /** Theme-invariant media chrome ink: the warm off-white used for every icon, label and track drawn over media-scrim or media-scrim-strong. Labels are allowed on EITHER scrim — both are gated at the AA text floor (4.5:1) against this ink over the white worst case. Not overridden in dark on purpose. */
+  --chart-1: oklch(0.546 0.245 262.88); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-2: oklch(0.581 0.118 184.7); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-3: oklch(0.398 0.07 227.39); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-4: oklch(0.623 0.222 41.12); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-5: oklch(0.632 0.246 16.44); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-6: oklch(0.505 0.213 27.52); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-7: oklch(0.598 0.127 104.2); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-8: oklch(0.531 0.182 256); /** Categorical chart hue (MK 2026-09-18: our 8-hue palette is kept — shadcn's `neutral` base ships a greyscale chart ramp, which cannot carry multi-series data). Light halves retuned for the pure-white page and the 0.97 `muted` ground; every hue clears the WCAG 1.4.11 3:1 floor on background, card and muted in both themes. */
+  --chart-single: oklch(0.145 0 0); /** Single-series chart ink (D29): one series is drawn in foreground ink; the categorical chart-1…8 hues start at two series. */
+  --brand: oklch(0.6 0.17 148); /** The phosphor-green brand accent, LIGHT half (theme-split): MARKER roles only — a live/AI-state dot, a sparkline endpoint, an eyebrow highlight, a terminal prompt glyph. 3.5:1 on card/background, so a meaningful glyph passes WCAG 1.4.11, and it is NOT a text ink: brand LABELS take `brand-text`. Never a headline colour, never a functional state colour, never a full-strength surface. */
+  --brand-text: oklch(0.46 0.17 148); /** The PAGE-READABLE brand ink, LIGHT half — the same role every chromatic family ships as `<family>-text`. `brand` itself is a 3.5:1 MARKER value (a live dot, a sparkline endpoint, a terminal prompt glyph) and fails WCAG 1.4.3 as a label, so any brand-coloured TEXT reads through this token instead. Gated at 4.5:1 by contrast-check over background, card, popover, muted, accent, secondary and sidebar. */
   --tag-blue: oklch(0.6 0.16 256); /** Tag palette (Attio-teardown Wave 1): 10 chromatic hues x base/subtle/text mirroring the family/family-subtle/family-text shape. base = dots/accents (>=3:1 non-text vs background), subtle = chip fill, text = chip text (>=4.5:1 on subtle AND page). Neutral tags use muted/muted-foreground. AA-validated fail-closed in contrast-check.mjs. */
   --tag-blue-subtle: oklch(0.955 0.02 256);
   --tag-blue-text: oklch(0.51 0.15 256);
@@ -90,70 +79,19 @@
   --tag-purple: oklch(0.6 0.16 295);
   --tag-purple-subtle: oklch(0.955 0.02 295);
   --tag-purple-text: oklch(0.51 0.15 295);
-  --sidebar: oklch(0.994 0.002 75); /** The sidebar-* family is ALIASES ONLY (B6-01): the rail is a card surface on the ladder, not a second palette. Names kept for shadcn-shaped code. */
-  --sidebar-foreground: oklch(0.145 0.003 75);
-  --sidebar-primary: oklch(0.353 0.003 75);
-  --sidebar-primary-foreground: oklch(0.985 0.003 75);
-  --sidebar-accent: oklch(0.945 0.003 75); /** ALIAS of surface-2 — the rail's hover rung; the active row sits one rung higher on surface-3 so active+hover still moves (SP-06). */
-  --sidebar-accent-foreground: oklch(0.145 0.003 75);
-  --sidebar-border: oklch(0.145 0.003 75 / 0.08);
-  --sidebar-ring: oklch(0.353 0.003 75);
-  --radius: 0.75rem;
-  --radius-xs: 0.125rem; /** Micro radius — caret/arrow triangles and other sub-control geometry (was a silent Tailwind fallback, register P1-10). */
-  --radius-sharp: 2px; /** The rationed marketing 'sharp' gesture (audit 17/D18): CTAs, chips, figure frames on marketing surfaces. 2px, not 0 — sharp at a glance, kin to the product scale. */
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-  --size-xs: 1.5rem; /** 24px — the compact control tier (Button xs, icon-only affordances like the password eye). */
-  --size-sm: 1.75rem;
-  --size-md: 2rem;
-  --size-lg: 2.5rem;
-  --icon-compact: 0.75rem; /** 12px icon — inside xs controls only (below design.md's named scale; exists for the kept Button xs tier). */
-  --icon-inline: 0.875rem; /** 14px icon — inline with body text and sm controls (design.md §Iconography 'inline'). */
-  --icon-default: 1rem; /** 16px icon — the default control icon (design.md 'default'). */
-  --icon-action: 1.25rem; /** 20px icon — standalone action icons (design.md 'action'). */
-  --icon-feature: 1.5rem; /** 24px icon — feature/empty-state glyphs (design.md 'feature'). */
-  --sidebar-width: 15rem; /** Expanded sidebar rail width (was a JS constant invisible to design-lint, register P2-13). */
-  --sidebar-width-icon: 3rem; /** Collapsed icon-only rail width. */
-  --sidebar-width-mobile: 18rem; /** Width of the sidebar when it renders as an off-canvas sheet below the md breakpoint (was an inline `18rem` fallback, B6-08). */
-  --layout-header-height: 3.5rem; /** 56px app-shell header band (was a raw `h-14`, B6-08). Sticky/fixed content below the header offsets by this. */
-  --layout-overlay-max-height: calc(100dvh - 16rem); /** The tallest a scrolling overlay body (Command list, Board column, ShortcutOverlay) may grow: the dynamic viewport minus a 16rem chrome allowance. DTCG 2025.10 has no calc expression type, so this dimension is authored as the CSS string it resolves to and passed through verbatim (the same precedent as the `easing` linear() token). */
-  --panel-width-sm: 14rem; /** 224px floating panel (compact popover, small menu, single-value date trigger). */
-  --panel-width-md: 18rem; /** 288px floating panel — the default Popover, EmojiPicker, checklist card, range date trigger. */
-  --panel-width-lg: 20rem; /** 320px floating panel (rich HoverCard previews). */
-  --shadow-overlay: 0 4px 14px -4px oklch(0.13 0.002 75 / 0.1), 0 2px 4px -2px oklch(0.13 0.002 75 / 0.06);
-  --effect-blur-glass: 8px; /** Backdrop blur for chrome that floats over content (the Attachment upload veil). The Button `glass` variant it was introduced for was deleted 2026-09-07 (audit D16). */
-  --z-raised: 10; /** Local raise WITHIN a component's own stacking context (focused OTP slot / segmented item, floating label, bubble reactions, select scroll arrows). Never for portaled surfaces. */
-  --z-overlay: 50; /** The portal band: every portaled floating surface (dialog, sheet, popover, menu, select, tooltip, hover-card). Nesting resolves by DOM order — Base UI appends portals to <body>, so a Select inside a Dialog mounts later and stacks above within the same band. Toasts are the ONE surface above it, on their own `z-toast` band. */
-  --z-toast: 60; /** The toast band, one step above `z-overlay`. A toast is the only surface that must outrank a modal REGARDLESS of mount order — the viewport mounts with the app provider, so DOM order would otherwise put every later-opened dialog on top of it. Within the band the stack counts DOWN from this value by `--toast-index`, so the frontmost toast is the highest. Nothing else may claim this band. */
-  --opacity-dim: 50%; /** Element opacity for disabled controls and dimmed affordances (outside-month days, decorative chevrons). */
-  --opacity-hint-soft: 60%; /** Element opacity for hover-revealed hints (e.g. sort affordance on row hover). */
-  --opacity-hint: 70%; /** Element opacity for resting secondary controls that reach 100% on hover (e.g. alert close). */
-  --opacity-track: 25%; /** Element opacity of the circular progress track ring. */
-  --alpha-hover: 7%; /** The alpha twin of surface-2: `bg-<ink>/(--alpha-hover)` composites the hover rung onto ANY backdrop (a kbd inside a hovered row, a chip on a well, a control over media). foreground at 7% over the page measures L 0.943 light / 0.267 dark over card — within 0.003 of the opaque rung. Theme-invariant. */
-  --alpha-pressed: 10%; /** The alpha twin of surface-3 (pressed/selected): foreground at 10% measures L 0.921 light / 0.292 dark over card. Theme-invariant. */
-  --alpha-border: 8%; /** The hairline alpha (D14): `border` is DERIVED as foreground at this alpha, so one hairline reads on page, card, well and dark band. 8% light (L 0.936, Geist gray-400 territory) / 14% dark (L 0.325 over card). */
-  --alpha-tint-border: 70%; /** Border tint for focus (ring) and error (destructive) borders — design.md's ring/70 pattern. */
-  --alpha-outline-border: 50%; /** Resting border of the outline button family (border-<family>). */
-  --alpha-border-subtle: 20%; /** Alert variant border tint (border-<family>). */
-  --alpha-border-soft: 30%; /** The softer of the two border-tint steps. Introduced for the sonner toast surface; since the Base UI Toast migration (O2) the toast tint uses `alpha-border-subtle` like Alert, so this step currently has NO in-repo caller. Kept because it is published token surface — retiring it is a token-batch decision, not a component one. */
-  --alpha-surface-faint: 5%; /** Resting wash of the outline button family (bg-<family>). */
-  --alpha-ink-tint: 10%; /** Neutral pressed/hover ink tint (bg-foreground) — toggle pressed, chip remove hover. */
-  --alpha-ink-tint-strong: 15%; /** Hovered pressed-state ink tint (bg-foreground). */
-  --alpha-input: 30%; /** Dark-theme input fill tint (bg-input) — see the dark-tint scoping note. */
-  --alpha-wash-faint: 40%; /** Faint neutral wash (bg-muted) — rich-text toolbar. */
-  --alpha-wash: 50%; /** Neutral wash (bg-muted) — card/table footers, ghost dark hover. */
-  --alpha-wash-strong: 60%; /** Stronger neutral wash (bg-muted) — line-tab hover. */
-  --alpha-backdrop-soft: 60%; /** Translucent surface backdrop (bg-background) — pill tab list. */
-  --alpha-glass: 90%; /** Glass button surface (bg-background + backdrop-blur). */
-  --alpha-glass-hover: 95%; /** Glass button surface on hover. */
-  --alpha-link-hover: 88%; /** Hovered link text dim, applied to a `<family>-text` ink in rendered rich text and on the `link` Button. 88%, not 80%: at 80% the light composites measured 4.03–4.11:1 for success/info/warning (2026-09-09) — a hover state that drops the link below WCAG 1.4.3 AA. contrast-check gates the composite, not just the solid ink. */
-  --alpha-outline-soft: 50%; /** Soft neutral outline/ring (base outline default, date-picker today ring). */
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.205 0 0);
+  --radius: 0.625rem; /** shadcn base-nova's radius. `--radius-sm/md/lg/xl/2xl/3xl/4xl` are DERIVED from it in the @theme bridge exactly as upstream derives them (0.6/0.8/1/1.4/1.8/2.2/2.6x), so `rounded-xl` on a card is upstream's 14px. The pre-reset 12px cap and the `rounded-xl` ban are gone (BRD-6/BRD-7 = shadcn). */
   --font-family-sans: Geist, sans-serif;
   --font-family-mono: 'Geist Mono', monospace;
-  --font-family-serif: Newsreader, serif; /** Serif ACCENT (D17): display emphasis words + pull-quotes only, never running text. Newsreader (opsz axis) until Geist Serif ships. */
-  --font-family-display: Geist, sans-serif; /** Display tier face — same family as sans today, split as a token so marketing can retune independently. */
-  --font-family-pixel: 'Geist Pixel Square', monospace; /** THE single sanctioned Geist Pixel flourish cut (D17: one deliberate hero use per surface, no more). */
+  --font-family-serif: Newsreader, serif; /** Serif accent: display emphasis words and pull-quotes only, never running text. Newsreader (opsz axis) until Geist Serif ships. */
+  --font-family-display: Geist, sans-serif; /** Display tier face — the same family as sans today, split as a token so a consumer can retune large type without moving body copy. */
   --duration-fast: 150ms;
   --duration-base: 200ms;
   --duration-slow: 300ms;
@@ -162,24 +100,6 @@
   --motion-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);
   --motion-ease-exit: cubic-bezier(0.4, 0, 1, 1);
   --motion-ease-spring: linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1); /** CSS linear() spring with a very small overshoot — the success-bounce/appear curve for state-feedback micro-interactions (Phase M). Subtle by design: dense dev-tool aesthetic, not playful. */
-  --motion-blur: 2px; /** Motion-blur amount for blur-fade entrances (Phase M text/element reveals). */
-  --border: oklch(0.145 0.003 75 / 0.08); /** DERIVED: foreground at 8% (alpha-border) — the one alpha hairline (D14). */
-  --destructive-hover: oklch(0.455 0.213 27.52); /** DERIVED: destructive fill at L-0.05 (hover step). */
-  --destructive-active: oklch(0.415 0.213 27.52); /** DERIVED: destructive fill at L-0.09 (active step). */
-  --destructive-subtle-hover: oklch(0.91 0.036 20.4); /** DERIVED: destructive fill @7.000000000000001% composited over destructive-subtle (soft-hover surface, AA-gated against destructive-text). */
-  --destructive-subtle-active: oklch(0.883 0.046 19.3); /** DERIVED: destructive fill @12% composited over destructive-subtle (soft-pressed surface, AA-gated against destructive-text). */
-  --success-hover: oklch(0.45 0.16 150); /** DERIVED: success fill at L-0.05 (hover step). */
-  --success-active: oklch(0.41 0.16 150); /** DERIVED: success fill at L-0.09 (active step). */
-  --success-subtle-hover: oklch(0.919 0.059 151.1); /** DERIVED: success fill @7.000000000000001% composited over success-subtle (soft-hover surface, AA-gated against success-text). */
-  --success-subtle-active: oklch(0.896 0.065 151.7); /** DERIVED: success fill @12% composited over success-subtle (soft-pressed surface, AA-gated against success-text). */
-  --warning-hover: oklch(0.47 0.145 52); /** DERIVED: warning fill at L-0.05 (hover step). */
-  --warning-active: oklch(0.43 0.145 52); /** DERIVED: warning fill at L-0.09 (active step). */
-  --warning-subtle-hover: oklch(0.929 0.027 48.8); /** DERIVED: warning fill @7.000000000000001% composited over warning-subtle (soft-hover surface, AA-gated against warning-text). */
-  --warning-subtle-active: oklch(0.906 0.034 51.5); /** DERIVED: warning fill @12% composited over warning-subtle (soft-pressed surface, AA-gated against warning-text). */
-  --info-hover: oklch(0.481 0.182 256); /** DERIVED: info fill at L-0.05 (hover step). */
-  --info-active: oklch(0.441 0.182 256); /** DERIVED: info fill at L-0.09 (active step). */
-  --info-subtle-hover: oklch(0.929 0.03 251.1); /** DERIVED: info fill @7.000000000000001% composited over info-subtle (soft-hover surface, AA-gated against info-text). */
-  --info-subtle-active: oklch(0.906 0.038 250.5); /** DERIVED: info fill @12% composited over info-subtle (soft-pressed surface, AA-gated against info-text). */
 }
 
 /**
@@ -188,38 +108,35 @@
 
 .dark {
   color-scheme: dark;
-  --background: oklch(0.175 0.003 75);
-  --foreground: oklch(0.922 0.003 75);
-  --card: oklch(0.205 0.003 75);
-  --card-foreground: oklch(0.922 0.003 75);
-  --popover: oklch(0.205 0.003 75);
-  --popover-foreground: oklch(0.922 0.003 75);
-  --primary: oklch(0.922 0.003 75);
-  --primary-foreground: oklch(0.145 0.003 75);
-  --primary-hover: oklch(0.97 0.003 75);
-  --primary-active: oklch(0.994 0.002 75);
-  --surface-1: oklch(0.236 0.003 75); /** Dark ladder: card 0.205 -> surface-1 0.236 -> surface-2 0.269 -> surface-3 0.29 (lighter = higher, ~0.03 L per rung, the Radix/Linear dark step). */
-  --surface-2: oklch(0.269 0.003 75);
-  --surface-3: oklch(0.29 0.003 75);
-  --secondary: oklch(0.236 0.003 75);
-  --secondary-foreground: oklch(0.922 0.003 75);
-  --muted: oklch(0.236 0.003 75);
-  --muted-foreground: oklch(0.66 0.003 75);
-  --muted-foreground-faint: oklch(0.559 0.003 75);
-  --accent: oklch(0.269 0.003 75);
-  --accent-foreground: oklch(0.922 0.003 75);
-  --destructive-subtle: oklch(0.275 0.07 25);
-  --destructive-text: oklch(0.74 0.16 25); /** Dark red ink (was red.400, L 0.72); +0.02 L so the soft pressed rung (fill @40% over subtle) clears 4.5:1 — see the light destructive-text note. */
-  --destructive-border: oklch(0.72 0.16 25); /** Dark-ground invalid-state border ink. red.400 at --alpha-tint-border measures 4.00:1 on background and 3.86:1 on card, clearing the 3:1 WCAG 1.4.11 floor the shared destructive fill misses (1.92:1). */
-  --success-subtle: oklch(0.276 0.061 150);
-  --success-text: oklch(0.74 0.17 150); /** Dark green ink (was green.500, L 0.72); +0.02 L for the soft pressed rung. */
-  --warning-subtle: oklch(0.28 0.069 42);
-  --warning-text: oklch(0.769 0.188 70.08);
-  --info-subtle: oklch(0.275 0.059 255);
-  --info-text: oklch(0.76 0.13 256); /** Dark link / informational blue ink (was blue.400, L 0.72); +0.04 L for the soft pressed rung — blue had the least headroom (4.50:1 at hover). */
-  --overlay: oklch(0 0 0 / 0.55);
-  --input: oklch(0.922 0.003 75 / 0.14);
-  --ring: oklch(0.922 0.003 75);
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --border: oklch(1 0 0 / 0.1);
+  --input: oklch(1 0 0 / 0.15);
+  --ring: oklch(0.922 0 0); /** FOC-2 (ours) — the dark half of the ink ring. */
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.145 0 0);
+  --destructive-text: oklch(0.756 0.146 22.216); /** COL-12 (ours), the page-readable half of the family. A status FILL is tuned to carry its own `-foreground` on top of it; used AS TEXT on the page or on the family's own 10-20% tint it lands between 3.98 and 4.35:1, which is a live WCAG 1.4.3 failure (measured by the rendered axe lane, 2026-09-18, on Alert, Badge, Toast and the soft Button). This is the ink those surfaces read through, AA-gated by contrast-check on background, card, popover and on the /10, /20 and /30 composites over each. Upstream has no tinted status surface at all, so this token is an addition to shadcn rather than a deviation from it. */
+  --success: oklch(0.72 0.17 150);
+  --success-foreground: oklch(0.145 0 0);
+  --success-text: oklch(0.748 0.17 150);
+  --warning: oklch(0.75 0.15 70);
+  --warning-foreground: oklch(0.145 0 0);
+  --warning-text: oklch(0.776 0.15 70);
+  --info: oklch(0.72 0.15 256);
+  --info-foreground: oklch(0.145 0 0);
+  --info-text: oklch(0.76 0.124 256);
   --chart-1: oklch(0.623 0.214 259.81);
   --chart-2: oklch(0.696 0.17 162.48);
   --chart-3: oklch(0.769 0.188 70.08);
@@ -228,107 +145,9 @@
   --chart-6: oklch(0.69 0.21 25);
   --chart-7: oklch(0.72 0.15 103.9);
   --chart-8: oklch(0.72 0.13 256);
-  --chart-single: oklch(0.922 0.003 75); /** Repeated here on purpose: an alias is resolved per run, so a light-only alias would leak the LIGHT ink into `.dark` through the cascade (the contrast gate caught exactly that). */
-  --tag-blue: oklch(0.72 0.14 256);
-  --tag-blue-subtle: oklch(0.275 0.05 256);
-  --tag-blue-text: oklch(0.75 0.13 256);
-  --tag-cyan: oklch(0.72 0.13 226);
-  --tag-cyan-subtle: oklch(0.275 0.05 226);
-  --tag-cyan-text: oklch(0.75 0.13 226);
-  --tag-green: oklch(0.72 0.15 150);
-  --tag-green-subtle: oklch(0.275 0.05 150);
-  --tag-green-text: oklch(0.75 0.13 150);
-  --tag-lime: oklch(0.72 0.15 117);
-  --tag-lime-subtle: oklch(0.275 0.05 117);
-  --tag-lime-text: oklch(0.75 0.13 117);
-  --tag-yellow: oklch(0.72 0.14 86);
-  --tag-yellow-subtle: oklch(0.275 0.05 86);
-  --tag-yellow-text: oklch(0.75 0.13 86);
-  --tag-orange: oklch(0.72 0.15 52);
-  --tag-orange-subtle: oklch(0.275 0.05 52);
-  --tag-orange-text: oklch(0.75 0.13 52);
-  --tag-red: oklch(0.72 0.15 25);
-  --tag-red-subtle: oklch(0.275 0.05 25);
-  --tag-red-text: oklch(0.75 0.13 25);
-  --tag-pink: oklch(0.72 0.15 356);
-  --tag-pink-subtle: oklch(0.275 0.05 356);
-  --tag-pink-text: oklch(0.75 0.13 356);
-  --tag-magenta: oklch(0.72 0.15 323);
-  --tag-magenta-subtle: oklch(0.275 0.05 323);
-  --tag-magenta-text: oklch(0.75 0.13 323);
-  --tag-purple: oklch(0.72 0.15 295);
-  --tag-purple-subtle: oklch(0.275 0.05 295);
-  --tag-purple-text: oklch(0.75 0.13 295);
-  --sidebar: oklch(0.205 0.003 75);
-  --sidebar-foreground: oklch(0.922 0.003 75);
-  --sidebar-primary: oklch(0.922 0.003 75);
-  --sidebar-primary-foreground: oklch(0.145 0.003 75);
-  --sidebar-accent: oklch(0.269 0.003 75);
-  --sidebar-accent-foreground: oklch(0.922 0.003 75);
-  --sidebar-border: oklch(0.922 0.003 75 / 0.14);
-  --sidebar-ring: oklch(0.922 0.003 75);
+  --chart-single: oklch(0.985 0 0); /** Repeated here on purpose: an alias is resolved per run, so a light-only alias would leak the LIGHT ink into `.dark` through the cascade (the contrast gate caught exactly that). */
   --brand: oklch(0.86 0.21 148); /** The phosphor-green brand accent, DARK half — MK's pick (13.3:1 on the dark canvas). Marker roles plus the `cta` Button's wash/outline. */
-  --brand-text: oklch(0.86 0.21 148); /** The page-readable brand ink, DARK half. On the dark and marketing grounds the marker value already measures 12.2:1 as a label, so brand-text and brand carry the SAME value here — the split exists because the light half cannot. */
-  --alpha-border: 14%; /** Dark half of the hairline alpha (D14): near-white ink needs more alpha than near-black to read as a line — foreground at 14% over card measures L 0.325, over the page 0.302. */
-  --shadow-overlay: 0 8px 28px -6px oklch(0 0 0 / 0.48), 0 2px 8px -2px oklch(0 0 0 / 0.4); /** DARK overlay shadow, strengthened (Wave 1 — Attio-calibrated): the old single 24px layer was near-invisible on the dark canvas; this two-layer ramp restores the floating cue while staying below Attio's 88px maximal ramp. */
-  --border: oklch(0.922 0.003 75 / 0.14); /** DERIVED: foreground at 14% (alpha-border) — the one alpha hairline (D14). */
-  --destructive-subtle-hover: oklch(0.34 0.123 26.3); /** DERIVED: destructive fill @30% composited over destructive-subtle (soft-hover surface, AA-gated against destructive-text). */
-  --destructive-subtle-active: oklch(0.364 0.137 26.9); /** DERIVED: destructive fill @40% composited over destructive-subtle (soft-pressed surface, AA-gated against destructive-text). */
-  --success-subtle-hover: oklch(0.348 0.092 148.9); /** DERIVED: success fill @30% composited over success-subtle (soft-hover surface, AA-gated against success-text). */
-  --success-subtle-active: oklch(0.371 0.101 148.5); /** DERIVED: success fill @40% composited over success-subtle (soft-pressed surface, AA-gated against success-text). */
-  --warning-subtle-hover: oklch(0.356 0.093 46.6); /** DERIVED: warning fill @30% composited over warning-subtle (soft-hover surface, AA-gated against warning-text). */
-  --warning-subtle-active: oklch(0.381 0.1 47.3); /** DERIVED: warning fill @40% composited over warning-subtle (soft-pressed surface, AA-gated against warning-text). */
-  --info-subtle-hover: oklch(0.354 0.101 254.3); /** DERIVED: info fill @30% composited over info-subtle (soft-hover surface, AA-gated against info-text). */
-  --info-subtle-active: oklch(0.38 0.114 254.5); /** DERIVED: info fill @40% composited over info-subtle (soft-pressed surface, AA-gated against info-text). */
-}
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-.vs-marketing {
-  color-scheme: dark;
-  --background: oklch(0.175 0.003 75);
-  --foreground: oklch(0.922 0.003 75);
-  --card: oklch(0.205 0.003 75);
-  --card-foreground: oklch(0.922 0.003 75);
-  --popover: oklch(0.205 0.003 75);
-  --popover-foreground: oklch(0.922 0.003 75);
-  --primary: oklch(0.922 0.003 75);
-  --primary-foreground: oklch(0.145 0.003 75);
-  --primary-hover: oklch(0.97 0.003 75);
-  --primary-active: oklch(0.994 0.002 75);
-  --surface-1: oklch(0.236 0.003 75); /** Dark ladder: card 0.205 -> surface-1 0.236 -> surface-2 0.269 -> surface-3 0.29 (lighter = higher, ~0.03 L per rung, the Radix/Linear dark step). */
-  --surface-2: oklch(0.269 0.003 75);
-  --surface-3: oklch(0.29 0.003 75);
-  --secondary: oklch(0.236 0.003 75);
-  --secondary-foreground: oklch(0.922 0.003 75);
-  --muted: oklch(0.236 0.003 75);
-  --muted-foreground: oklch(0.66 0.003 75);
-  --muted-foreground-faint: oklch(0.559 0.003 75);
-  --accent: oklch(0.269 0.003 75);
-  --accent-foreground: oklch(0.922 0.003 75);
-  --destructive-subtle: oklch(0.275 0.07 25);
-  --destructive-text: oklch(0.74 0.16 25); /** Dark red ink (was red.400, L 0.72); +0.02 L so the soft pressed rung (fill @40% over subtle) clears 4.5:1 — see the light destructive-text note. */
-  --destructive-border: oklch(0.72 0.16 25); /** Dark-ground invalid-state border ink. red.400 at --alpha-tint-border measures 4.00:1 on background and 3.86:1 on card, clearing the 3:1 WCAG 1.4.11 floor the shared destructive fill misses (1.92:1). */
-  --success-subtle: oklch(0.276 0.061 150);
-  --success-text: oklch(0.74 0.17 150); /** Dark green ink (was green.500, L 0.72); +0.02 L for the soft pressed rung. */
-  --warning-subtle: oklch(0.28 0.069 42);
-  --warning-text: oklch(0.769 0.188 70.08);
-  --info-subtle: oklch(0.275 0.059 255);
-  --info-text: oklch(0.76 0.13 256); /** Dark link / informational blue ink (was blue.400, L 0.72); +0.04 L for the soft pressed rung — blue had the least headroom (4.50:1 at hover). */
-  --overlay: oklch(0 0 0 / 0.55);
-  --input: oklch(0.922 0.003 75 / 0.14);
-  --ring: oklch(0.922 0.003 75);
-  --chart-1: oklch(0.623 0.214 259.81);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.75 0.183 55.93);
-  --chart-5: oklch(0.645 0.246 16.44);
-  --chart-6: oklch(0.69 0.21 25);
-  --chart-7: oklch(0.72 0.15 103.9);
-  --chart-8: oklch(0.72 0.13 256);
-  --chart-single: oklch(0.922 0.003 75); /** Repeated here on purpose: an alias is resolved per run, so a light-only alias would leak the LIGHT ink into `.dark` through the cascade (the contrast gate caught exactly that). */
+  --brand-text: oklch(0.86 0.21 148); /** The page-readable brand ink, DARK half. On the dark ground the marker value already measures 12.2:1 as a label, so brand-text and brand carry the SAME value here — the split exists because the light half cannot. */
   --tag-blue: oklch(0.72 0.14 256);
   --tag-blue-subtle: oklch(0.275 0.05 256);
   --tag-blue-text: oklch(0.75 0.13 256);
@@ -359,73 +178,14 @@
   --tag-purple: oklch(0.72 0.15 295);
   --tag-purple-subtle: oklch(0.275 0.05 295);
   --tag-purple-text: oklch(0.75 0.13 295);
-  --sidebar: oklch(0.205 0.003 75);
-  --sidebar-foreground: oklch(0.922 0.003 75);
-  --sidebar-primary: oklch(0.922 0.003 75);
-  --sidebar-primary-foreground: oklch(0.145 0.003 75);
-  --sidebar-accent: oklch(0.269 0.003 75);
-  --sidebar-accent-foreground: oklch(0.922 0.003 75);
-  --sidebar-border: oklch(0.922 0.003 75 / 0.14);
-  --sidebar-ring: oklch(0.922 0.003 75);
-  --brand: oklch(0.86 0.21 148); /** The phosphor-green brand accent, DARK half — MK's pick (13.3:1 on the dark canvas). Marker roles plus the `cta` Button's wash/outline. */
-  --brand-text: oklch(0.86 0.21 148); /** The page-readable brand ink, DARK half. On the dark and marketing grounds the marker value already measures 12.2:1 as a label, so brand-text and brand carry the SAME value here — the split exists because the light half cannot. */
-  --alpha-border: 14%; /** Dark half of the hairline alpha (D14): near-white ink needs more alpha than near-black to read as a line — foreground at 14% over card measures L 0.325, over the page 0.302. */
-  --shadow-overlay: 0 8px 28px -6px oklch(0 0 0 / 0.48), 0 2px 8px -2px oklch(0 0 0 / 0.4); /** DARK overlay shadow, strengthened (Wave 1 — Attio-calibrated): the old single 24px layer was near-invisible on the dark canvas; this two-layer ramp restores the floating cue while staying below Attio's 88px maximal ramp. */
-  --border: oklch(0.922 0.003 75 / 0.14); /** DERIVED: foreground at 14% (alpha-border) — the one alpha hairline (D14). */
-  --destructive-subtle-hover: oklch(0.34 0.123 26.3); /** DERIVED: destructive fill @30% composited over destructive-subtle (soft-hover surface, AA-gated against destructive-text). */
-  --destructive-subtle-active: oklch(0.364 0.137 26.9); /** DERIVED: destructive fill @40% composited over destructive-subtle (soft-pressed surface, AA-gated against destructive-text). */
-  --success-subtle-hover: oklch(0.348 0.092 148.9); /** DERIVED: success fill @30% composited over success-subtle (soft-hover surface, AA-gated against success-text). */
-  --success-subtle-active: oklch(0.371 0.101 148.5); /** DERIVED: success fill @40% composited over success-subtle (soft-pressed surface, AA-gated against success-text). */
-  --warning-subtle-hover: oklch(0.356 0.093 46.6); /** DERIVED: warning fill @30% composited over warning-subtle (soft-hover surface, AA-gated against warning-text). */
-  --warning-subtle-active: oklch(0.381 0.1 47.3); /** DERIVED: warning fill @40% composited over warning-subtle (soft-pressed surface, AA-gated against warning-text). */
-  --info-subtle-hover: oklch(0.354 0.101 254.3); /** DERIVED: info fill @30% composited over info-subtle (soft-hover surface, AA-gated against info-text). */
-  --info-subtle-active: oklch(0.38 0.114 254.5); /** DERIVED: info fill @40% composited over info-subtle (soft-pressed surface, AA-gated against info-text). */
-}
-
-/* Two-layer type scale (T1): both ladders + the active binding (product by default). */
-:root {
-  --type-product-xs: 0.6875rem;
-  --type-product-xs--line-height: calc(16 / 11);
-  --type-product-sm: 0.75rem;
-  --type-product-sm--line-height: calc(16 / 12);
-  --type-product-base: 0.875rem;
-  --type-product-base--line-height: calc(21 / 14);
-  --type-product-lg: 1rem;
-  --type-product-lg--line-height: calc(24 / 16);
-  --type-product-xl: 1.125rem;
-  --type-product-xl--line-height: calc(26 / 18);
-  --type-product-2xl: 1.25rem;
-  --type-product-2xl--line-height: calc(28 / 20);
-  --type-product-3xl: 1.5rem;
-  --type-product-3xl--line-height: calc(32 / 24);
-  --type-doc-xs: 0.75rem;
-  --type-doc-xs--line-height: calc(1 / 0.75);
-  --type-doc-sm: 0.875rem;
-  --type-doc-sm--line-height: calc(1.25 / 0.875);
-  --type-doc-base: 1rem;
-  --type-doc-base--line-height: calc(1.5 / 1);
-  --type-doc-lg: 1.125rem;
-  --type-doc-lg--line-height: calc(1.75 / 1.125);
-  --type-doc-xl: 1.25rem;
-  --type-doc-xl--line-height: calc(1.75 / 1.25);
-  --type-doc-2xl: 1.5rem;
-  --type-doc-2xl--line-height: calc(2 / 1.5);
-  --type-doc-3xl: 1.875rem;
-  --type-doc-3xl--line-height: calc(2.25 / 1.875);
-  --type-xs: var(--type-product-xs);
-  --type-xs--line-height: var(--type-product-xs--line-height);
-  --type-sm: var(--type-product-sm);
-  --type-sm--line-height: var(--type-product-sm--line-height);
-  --type-base: var(--type-product-base);
-  --type-base--line-height: var(--type-product-base--line-height);
-  --type-lg: var(--type-product-lg);
-  --type-lg--line-height: var(--type-product-lg--line-height);
-  --type-xl: var(--type-product-xl);
-  --type-xl--line-height: var(--type-product-xl--line-height);
-  --type-2xl: var(--type-product-2xl);
-  --type-2xl--line-height: var(--type-product-2xl--line-height);
-  --type-3xl: var(--type-product-3xl);
-  --type-3xl--line-height: var(--type-product-3xl--line-height);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376); /** shadcn base-nova's dark sidebar-primary, verbatim — the one chromatic value in the neutral base (COL-15 = shadcn). */
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 0.1);
+  --sidebar-ring: oklch(0.922 0 0);
 }
 
 @theme inline {
@@ -435,43 +195,32 @@
   --color-card-foreground: var(--card-foreground);
   --color-popover: var(--popover);
   --color-popover-foreground: var(--popover-foreground);
-  --color-surface-1: var(--surface-1);
-  --color-surface-2: var(--surface-2);
-  --color-surface-3: var(--surface-3);
   --color-primary: var(--primary);
   --color-primary-foreground: var(--primary-foreground);
-  --color-primary-hover: var(--primary-hover);
-  --color-primary-active: var(--primary-active);
   --color-secondary: var(--secondary);
   --color-secondary-foreground: var(--secondary-foreground);
   --color-muted: var(--muted);
   --color-muted-foreground: var(--muted-foreground);
-  --color-muted-foreground-faint: var(--muted-foreground-faint);
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
   --color-destructive: var(--destructive);
   --color-destructive-foreground: var(--destructive-foreground);
-  --color-destructive-subtle: var(--destructive-subtle);
   --color-destructive-text: var(--destructive-text);
-  --color-destructive-border: var(--destructive-border);
   --color-success: var(--success);
   --color-success-foreground: var(--success-foreground);
-  --color-success-subtle: var(--success-subtle);
   --color-success-text: var(--success-text);
   --color-warning: var(--warning);
   --color-warning-foreground: var(--warning-foreground);
-  --color-warning-subtle: var(--warning-subtle);
   --color-warning-text: var(--warning-text);
   --color-info: var(--info);
   --color-info-foreground: var(--info-foreground);
-  --color-info-subtle: var(--info-subtle);
   --color-info-text: var(--info-text);
-  --color-overlay: var(--overlay);
   --color-media-scrim: var(--media-scrim);
   --color-media-scrim-strong: var(--media-scrim-strong);
   --color-media-foreground: var(--media-foreground);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
   --color-chart-1: var(--chart-1);
   --color-chart-2: var(--chart-2);
   --color-chart-3: var(--chart-3);
@@ -521,108 +270,66 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-  --color-border: var(--border);
-  --color-destructive-hover: var(--destructive-hover);
-  --color-destructive-active: var(--destructive-active);
-  --color-destructive-subtle-hover: var(--destructive-subtle-hover);
-  --color-destructive-subtle-active: var(--destructive-subtle-active);
-  --color-success-hover: var(--success-hover);
-  --color-success-active: var(--success-active);
-  --color-success-subtle-hover: var(--success-subtle-hover);
-  --color-success-subtle-active: var(--success-subtle-active);
-  --color-warning-hover: var(--warning-hover);
-  --color-warning-active: var(--warning-active);
-  --color-warning-subtle-hover: var(--warning-subtle-hover);
-  --color-warning-subtle-active: var(--warning-subtle-active);
-  --color-info-hover: var(--info-hover);
-  --color-info-active: var(--info-active);
-  --color-info-subtle-hover: var(--info-subtle-hover);
-  --color-info-subtle-active: var(--info-subtle-active);
-  /* text-* remap — utilities resolve through the scoped --type-* binding (CX-6) */
-  --text-xs: var(--type-xs);
-  --text-xs--line-height: var(--type-xs--line-height);
-  --text-sm: var(--type-sm);
-  --text-sm--line-height: var(--type-sm--line-height);
-  --text-base: var(--type-base);
-  --text-base--line-height: var(--type-base--line-height);
-  --text-lg: var(--type-lg);
-  --text-lg--line-height: var(--type-lg--line-height);
-  --text-xl: var(--type-xl);
-  --text-xl--line-height: var(--type-xl--line-height);
-  --text-2xl: var(--type-2xl);
-  --text-2xl--line-height: var(--type-2xl--line-height);
-  --text-3xl: var(--type-3xl);
-  --text-3xl--line-height: var(--type-3xl--line-height);
-  --radius-xs: var(--radius-xs);
-  --radius-sharp: var(--radius-sharp);
-  --radius-sm: var(--radius-sm);
-  --radius-md: var(--radius-md);
-  --radius-lg: var(--radius-lg);
-  --shadow-overlay: var(--shadow-overlay);
-  --blur-glass: var(--effect-blur-glass);
-  --text-display-sm: 2rem;
-  --text-display-sm--line-height: 2.25rem;
-  --text-display-sm--font-weight: 400;
-  --text-display-sm--letter-spacing: -0.04em;
-  --text-display-md: 2.5rem;
-  --text-display-md--line-height: 2.75rem;
-  --text-display-md--font-weight: 400;
-  --text-display-md--letter-spacing: -0.045em;
-  --text-display-lg: 3.5rem;
-  --text-display-lg--line-height: 3.75rem;
-  --text-display-lg--font-weight: 400;
-  --text-display-lg--letter-spacing: -0.05em;
-  --text-display-xl: 4.5rem;
-  --text-display-xl--line-height: 4.75rem;
-  --text-display-xl--font-weight: 400;
-  --text-display-xl--letter-spacing: -0.06em;
-  --text-h1: 1.5rem;
-  --text-h1--line-height: 2rem;
-  --text-h1--font-weight: 400;
-  --text-h1--letter-spacing: -0.02em;
-  --text-h2: 1.25rem;
-  --text-h2--line-height: 1.75rem;
-  --text-h2--font-weight: 400;
-  --text-h2--letter-spacing: -0.015em;
-  --text-h3: 1.125rem;
-  --text-h3--line-height: 1.5rem;
-  --text-h3--font-weight: 400;
-  --text-h3--letter-spacing: -0.01em;
-  --text-h4: 1rem;
-  --text-h4--line-height: 1.375rem;
-  --text-h4--font-weight: 500;
-  --text-label: 0.875rem;
-  --text-label--line-height: 1.25rem;
-  --text-label--font-weight: 500;
-  --text-label--letter-spacing: -0.01em;
-  --text-strong: 0.875rem;
-  --text-strong--line-height: 1.25rem;
-  --text-strong--font-weight: 600;
-  --text-strong--letter-spacing: -0.01em;
-  --text-label-sm: 0.75rem;
-  --text-label-sm--line-height: 1rem;
-  --text-label-sm--font-weight: 500;
-  --text-label-sm--letter-spacing: -0.01em;
-  --text-code: 0.8125rem;
-  --text-code--line-height: 1.25rem;
-  --text-code--font-weight: 400;
-  --text-code-sm: 0.75rem;
-  --text-code-sm--line-height: 1rem;
-  --text-code-sm--font-weight: 400;
-  --text-mono-label: 0.75rem;
-  --text-mono-label--line-height: 1rem;
-  --text-mono-label--font-weight: 400;
-  --text-mono-label--letter-spacing: 0.05em;
+  /* Upstream derives its whole radius ramp from --radius (0.6/0.8/1/1.4/1.8/2.2/2.6x). */
+  --radius-sm: calc(var(--radius) * 0.6);
+  --radius-md: calc(var(--radius) * 0.8);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) * 1.4);
+  --radius-2xl: calc(var(--radius) * 1.8);
+  --radius-3xl: calc(var(--radius) * 2.2);
+  --radius-4xl: calc(var(--radius) * 2.6);
+  /* ── TYP-15 (ours) — HEADING TIER OPTICAL METRICS ────────────────────────────────────
+     Geist's published spec splits a COPY tier (letter-spacing 0) from a HEADING tier whose
+     letter-spacing goes negative as size grows. This system's copy sizes are 12/14/16 —
+     exactly Geist's copy tier — so `text-xs`, `text-sm` and `text-base` are NOT declared
+     here: they stay stock, untouched, and the 202 component usages of them render
+     byte-identically. Restating them at their stock values would be the same dead
+     restatement `restated-motion-reduce` and `restated-focus` exist to reject.
+
+     SIZES ARE STOCK. Only `--line-height` and `--letter-spacing` move, so TYP-1 stays
+     **shadcn** and a pasted shadcn snippet still renders at upstream's size. The size is
+     restated on each step anyway because a modifier with no base is meaningless to read,
+     and it pins the ramp against a future Tailwind default change.
+
+     Two of these go LOOSER, not tighter. Stock Tailwind collapses 3xl-7xl toward 1.0, which
+     clips Geist's descenders once negative tracking pulls the glyphs together; Vercel runs
+     48px at 56px leading, not 48. And stock `text-lg` (1.556) is looser than `text-base`
+     (1.5) — non-monotonic, and backwards from the shape this ramp exists to produce. */
+  --text-lg: 1.125rem;
+  --text-lg--line-height: 1.625rem;
+  --text-lg--letter-spacing: -0.012em;
+  --text-xl: 1.25rem;
+  --text-xl--line-height: 1.625rem;
+  --text-xl--letter-spacing: -0.02em;
+  --text-2xl: 1.5rem;
+  --text-2xl--line-height: 2rem;
+  --text-2xl--letter-spacing: -0.04em;
+  --text-3xl: 1.875rem;
+  --text-3xl--line-height: 2.375rem;
+  --text-3xl--letter-spacing: -0.04em;
+  --text-4xl: 2.25rem;
+  --text-4xl--line-height: 2.75rem;
+  --text-4xl--letter-spacing: -0.05em;
+  --text-5xl: 3rem;
+  --text-5xl--line-height: 3.5rem;
+  --text-5xl--letter-spacing: -0.06em;
+  --text-6xl: 3.75rem;
+  --text-6xl--line-height: 4rem;
+  --text-6xl--letter-spacing: -0.06em;
+  --text-7xl: 4.5rem;
+  --text-7xl--line-height: 4.5rem;
+  --text-7xl--letter-spacing: -0.06em;
   --font-sans: var(--font-family-sans);
   --font-mono: var(--font-family-mono);
   --font-serif: var(--font-family-serif);
   --font-display: var(--font-family-display);
-  --font-pixel: var(--font-family-pixel);
+  --font-heading: var(--font-family-sans);
+  /* MOT-2 is shadcn, so nothing pairs a duration with an ease any more. These four eases and
+     three durations exist for the MOT-6/MOT-7 utilities in utilities.css, which are ours. */
   --ease-standard: var(--motion-ease-standard);
   --ease-emphasized: var(--motion-ease-emphasized);
   --ease-exit: var(--motion-ease-exit);
   --ease-spring: var(--motion-ease-spring);
-  --blur-motion: var(--motion-blur);
   --transition-duration-fast: var(--duration-fast);
   --transition-duration-base: var(--duration-base);
   --transition-duration-slow: var(--duration-slow);