@vegastack/design-tokens 0.2.0 → 0.5.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,54 +6,49 @@
 
 :root {
   color-scheme: light;
-  --background: oklch(0.994 0.002 75);
-  --foreground: oklch(0.145 0.003 75);
-  --card: oklch(0.985 0.003 75);
-  --card-foreground: oklch(0.145 0.003 75);
-  --popover: oklch(0.994 0.002 75);
-  --popover-foreground: oklch(0.145 0.003 75);
-  --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);
-  --track: oklch(0.87 0.003 75);
-  --secondary: oklch(0.97 0.003 75);
-  --secondary-foreground: oklch(0.205 0.003 75);
-  --muted: oklch(0.97 0.003 75);
-  --muted-foreground: oklch(0.439 0.003 75);
-  --muted-foreground-faint: oklch(0.63 0.003 75);
-  --accent: oklch(0.97 0.003 75);
-  --accent-foreground: oklch(0.205 0.003 75);
-  --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.521 0.2 25);
-  --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.5 0.13 150);
-  --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.52 0.139 42);
-  --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.52 0.171 256);
-  --overlay: oklch(0.13 0.002 75 / 0.28); /** Modal scrim — the ONE sanctioned alpha-composite literal (a translucent wash has no primitive step; alpha is intrinsic to the role). */
-  --border: oklch(0.922 0.003 75);
-  --input: oklch(0.922 0.003 75);
-  --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);
-  --brand: oklch(0.6 0.17 148); /** The phosphor-green brand accent, LIGHT half (theme-split per CX-9): marker roles ONLY (live/AI-state dot, sparkline endpoint, eyebrow highlight, terminal prompt glyph). 3.5:1 on card/background — meaningful glyphs pass WCAG 1.4.11. Never fills, borders-at-rest, headlines, or buttons. */
+  --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 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);
@@ -84,86 +79,27 @@
   --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.985 0.003 75);
-  --sidebar-foreground: oklch(0.269 0.003 75);
-  --sidebar-primary: oklch(0.145 0.003 75);
-  --sidebar-primary-foreground: oklch(0.985 0.003 75);
-  --sidebar-accent: oklch(0.955 0.003 75);
-  --sidebar-accent-foreground: oklch(0.145 0.003 75);
-  --sidebar-border: oklch(0.922 0.003 75);
-  --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. */
-  --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);
-  --shadow-lit: inset 0 1px 0 0 oklch(1 0 0 / 0.12), 0 1px 2px 0 oklch(0.13 0.002 75 / 0.18), 0 2px 6px -2px oklch(0.13 0.002 75 / 0.14); /** Wave 2 'lit' action finish (MK-approved amendment to flat-by-default): a 1px on-fill top-light + warm-ink ambient pair for PRIMARY actions only. Attio-calibrated, warm-adapted. Never on cards/surfaces — the flat elevation model stands everywhere else. */
-  --effect-blur-glass: 8px; /** Backdrop blur for the existing glass Button finish. Matches Tailwind v4's shipped blur-sm value while exposing the effect through a semantic contract. */
-  --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 single 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 (sonner) are the documented exemption ABOVE this band (library-managed z; a toast must outrank a modal regardless of mount order). */
-  --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-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%; /** Toast (sonner) status border tint (border-<family>). */
-  --alpha-surface-faint: 5%; /** Resting wash of the outline button family (bg-<family>). */
-  --alpha-surface-subtle: 10%; /** Hover 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-soft-hover: 20%; /** Hover wash of soft (subtle-filled) status surfaces. Theme-split: 30% in dark. */
-  --alpha-soft-surface: 10%; /** Resting wash of soft status surfaces (chat destructive bubble). Theme-split: 20% in dark. */
-  --alpha-input: 30%; /** Dark-theme input fill tint (bg-input) — see the dark-tint scoping note. */
-  --alpha-input-hover: 50%; /** Dark-theme input fill tint on hover (bg-input). */
-  --alpha-fill-hover: 80%; /** Hover dim of an interactive solid fill (bg-primary/secondary/muted/accent on chat bubbles, secondary button). */
-  --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: 80%; /** Hovered link text dim (text-info-text) in rendered rich text. */
-  --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;
+  --duration-indeterminate: 1200ms; /** 1200ms — the loop cadence of the ONE sanctioned looping utility, `motion-indeterminate` (an indeterminate Progress sweep; audit M-06). Not an interaction duration: interactions use fast/base/slow. */
   --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
   --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). */
-  --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). */
-  --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). */
-  --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). */
-  --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). */
 }
 
 /**
@@ -172,37 +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);
-  --track: oklch(0.439 0.003 75);
-  --secondary: oklch(0.269 0.003 75);
-  --secondary-foreground: oklch(0.922 0.003 75);
-  --muted: oklch(0.269 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.967 0.003 75);
-  --destructive-subtle: oklch(0.275 0.07 25);
-  --destructive-text: oklch(0.72 0.16 25);
-  --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.72 0.17 150);
-  --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.72 0.13 256);
-  --overlay: oklch(0 0 0 / 0.55);
-  --border: oklch(0.269 0.003 75);
-  --input: oklch(0.269 0.003 75);
-  --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);
@@ -211,6 +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.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 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);
@@ -241,163 +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.145 0.003 75);
-  --sidebar-foreground: oklch(0.87 0.003 75);
-  --sidebar-primary: oklch(0.922 0.003 75);
-  --sidebar-primary-foreground: oklch(0.145 0.003 75);
-  --sidebar-accent: oklch(0.205 0.003 75);
-  --sidebar-accent-foreground: oklch(0.922 0.003 75);
-  --sidebar-border: oklch(0.269 0.003 75);
-  --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 only. */
-  --alpha-soft-hover: 30%; /** Dark half of the theme-split soft-surface hover wash. */
-  --alpha-soft-surface: 20%; /** Dark half of the theme-split soft-surface resting wash. */
-  --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. */
-  --shadow-lit: inset 0 1px 0 0 oklch(1 0 0 / 0.35), 0 2px 6px -2px oklch(0 0 0 / 0.5);
-  --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). */
-  --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). */
-  --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). */
-  --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). */
-}
-
-/**
- * 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);
-  --track: oklch(0.439 0.003 75);
-  --secondary: oklch(0.269 0.003 75);
-  --secondary-foreground: oklch(0.922 0.003 75);
-  --muted: oklch(0.269 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.967 0.003 75);
-  --destructive-subtle: oklch(0.275 0.07 25);
-  --destructive-text: oklch(0.72 0.16 25);
-  --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.72 0.17 150);
-  --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.72 0.13 256);
-  --overlay: oklch(0 0 0 / 0.55);
-  --border: oklch(0.269 0.003 75);
-  --input: oklch(0.269 0.003 75);
-  --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);
-  --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.145 0.003 75);
-  --sidebar-foreground: oklch(0.87 0.003 75);
-  --sidebar-primary: oklch(0.922 0.003 75);
-  --sidebar-primary-foreground: oklch(0.145 0.003 75);
-  --sidebar-accent: oklch(0.205 0.003 75);
-  --sidebar-accent-foreground: oklch(0.922 0.003 75);
-  --sidebar-border: oklch(0.269 0.003 75);
-  --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 only. */
-  --alpha-soft-hover: 30%; /** Dark half of the theme-split soft-surface hover wash. */
-  --alpha-soft-surface: 20%; /** Dark half of the theme-split soft-surface resting wash. */
-  --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. */
-  --shadow-lit: inset 0 1px 0 0 oklch(1 0 0 / 0.35), 0 2px 6px -2px oklch(0 0 0 / 0.5);
-  --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). */
-  --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). */
-  --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). */
-  --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). */
-}
-
-/* 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 {
@@ -409,37 +197,30 @@
   --color-popover-foreground: var(--popover-foreground);
   --color-primary: var(--primary);
   --color-primary-foreground: var(--primary-foreground);
-  --color-primary-hover: var(--primary-hover);
-  --color-primary-active: var(--primary-active);
-  --color-track: var(--track);
   --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-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
+  --color-media-scrim: var(--media-scrim);
+  --color-media-scrim-strong: var(--media-scrim-strong);
+  --color-media-foreground: var(--media-foreground);
   --color-chart-1: var(--chart-1);
   --color-chart-2: var(--chart-2);
   --color-chart-3: var(--chart-3);
@@ -448,7 +229,9 @@
   --color-chart-6: var(--chart-6);
   --color-chart-7: var(--chart-7);
   --color-chart-8: var(--chart-8);
+  --color-chart-single: var(--chart-single);
   --color-brand: var(--brand);
+  --color-brand-text: var(--brand-text);
   --color-tag-blue: var(--tag-blue);
   --color-tag-blue-subtle: var(--tag-blue-subtle);
   --color-tag-blue-text: var(--tag-blue-text);
@@ -487,101 +270,25 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
-  --color-destructive-hover: var(--destructive-hover);
-  --color-destructive-active: var(--destructive-active);
-  --color-destructive-subtle-hover: var(--destructive-subtle-hover);
-  --color-success-hover: var(--success-hover);
-  --color-success-active: var(--success-active);
-  --color-success-subtle-hover: var(--success-subtle-hover);
-  --color-warning-hover: var(--warning-hover);
-  --color-warning-active: var(--warning-active);
-  --color-warning-subtle-hover: var(--warning-subtle-hover);
-  --color-info-hover: var(--info-hover);
-  --color-info-active: var(--info-active);
-  --color-info-subtle-hover: var(--info-subtle-hover);
-  /* 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);
   --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-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);