@mkbabb/glass-ui 6.0.0 → 8.0.0

package/src/styles/theme/radius.css

@@ -1,148 +0,0 @@
-/* theme/radius.css — the LEADING plain @theme: the radius primitives + the
-   radius semantic aliases + the corner-SHAPE axis (AZ.W-CARVE partial 1 of 4).
-
-   Plain (not inline) on purpose — the radius scale has no tokens.css twin, so
-   each `--radius-*` is the lone declaration + single override point. Inline is
-   WRONG here: it substitutes the VALUE, so two aliases resolving to one
-   primitive (`--radius-card`/`--radius-dialog` both → `--radius-2xl`) collapse
-   to an identical value and v4 drops one `rounded-*` utility when both are
-   scanned. Plain mints each alias's own var, so value-identical siblings never
-   collide. This partial MUST @import BEFORE theme/bridges.css (the inline
-   bridges reference these primitives). */
-
-/* Radius primitives — leading plain @theme (declared before the inline aliases
-   reference them; see the order note above). */
-@theme {
-    --radius: 0.625rem;
-    --radius-xs: 4px;
-    --radius-sm: 4px;
-    --radius-md: 6px;
-    --radius-xl: 12px;
-    --radius-2xl: 1rem;
-    /* AW.W3b — a finite radius rung above --radius-2xl (16px), below
-       --radius-pill (the stadium). The big-dock card shell's corner geometry. */
-    --radius-3xl: 1.5rem;
-    --radius-pill: 9999px;
-
-    /* Semantic radius aliases — plain @theme (not inline; see header note).
-       Value-identical siblings (e.g. --radius-card + --radius-dialog) would
-       collapse + drop a rounded-* utility under inline; plain mints each
-       alias's own var. */
-    --radius-lg:      var(--radius);
-    --radius-card:    var(--radius-2xl);
-    --radius-panel:   var(--radius-xl);
-    --radius-dialog:  var(--radius-2xl);
-    --radius-input:   var(--radius);
-    --radius-button:  var(--radius);
-    /* AW.W25 — form-radius unification. `--radius-field` is the non-pill field
-       rung the multi-line / stepper form atoms (Textarea, NumberFieldInput)
-       resolve so a multi-line box stops inheriting the `9999px` stadium pill;
-       single-line controls (Input, SelectTrigger) keep the pill. `--radius-control`
-       is the semantic control-corner rung that retires the raw `rounded-sm` (4px)
-       on Checkbox + base Tabs onto a softer, named radius. One geometry language
-       across the form family — token + class only, no new primitive. */
-    --radius-field:   var(--radius-2xl);
-    /* BI.W-RADIUS-GRAMMAR (Law 2 — capsule-vs-card) — the BOUNDED strip rung a
-       COLUMN-STACK variant of a stadium base re-binds onto. A multi-row segmented
-       track cannot wear the `9999px` pill: on a tall box the stadium clamps its
-       end-caps to a ~46px half-height balloon (UF-A2/FAM-4). ≈12px sits between
-       --radius-control (the stadium pill) and --radius-card (1rem) — a soft
-       rounded-rect, never a stadium. The vertical SegmentedTabs track reads it;
-       the shipped concentric track calc re-resolves the corner off it for free. */
-    --radius-strip:   0.75rem;
-    /* BC.W-CONTROL-SMOOTH — the small-inline-control corner rung is a STADIUM, not a
-       fixed small px. The prior `--radius-md` (6px) read SQUARE on a 16-24px control
-       (6px on a 16px box = 0.38-of-height — a rounded-rect, not a pill); the iOS-27
-       small-control silhouette is a near-stadium pill where the radius SCALES with the
-       control (clamped to half-height by `--radius-pill`'s 9999px geometry, so a 16px
-       control reads an 8px-radius pill — soft at every size). This retires the raw
-       `rounded-sm` (4px) on Checkbox + base Tabs AND the small-control square class in
-       ONE rung. The `card` toggle TILE keeps `--radius-card` (the large glass surface
-       keeps its 1rem squircle — only the small inline controls re-round). The corner-
-       SHAPE squircle axis reads at LARGE radius only (ROUND set = card+pill for small),
-       so the small pills stay ROUND (no regression). */
-    --radius-control: var(--radius-pill);
-    --radius-badge:   var(--radius-pill);
-    --radius-dock:    var(--radius-pill);
-    /* BC.W-TABS-IOS — the iOS-27 segmented-control stadium register. The pill is a
-       stadium by construction (--radius-pill clamps to half-height on a short box →
-       a true end-cap), so the tab strip stops being a squared rounded-rect. The
-       value.js DESIGN.md idiom: the role-bearing pill token, NOT a hand-rolled
-       `rounded-full`. A consumer retunes the tab geometry via `:root { --radius-tab }`. */
-    --radius-tab:     var(--radius-pill);
-    /* AW.W3b — the big-dock card shell's default (comfortable-density) radius.
-       The density-scaled --dock-card-radius (dock.css) resolves through this. */
-    --radius-dock-card: var(--radius-3xl);
-    --radius-tooltip: var(--radius-lg);
-
-    /* ── BI.W-RADIUS-GRAMMAR — the concentric-radius RELAY (Law 1). ──────────────
-       The Apple `ConcentricRectangle` grammar (iOS 26) as a plain INHERITED
-       custom-property relay: a container PUBLISHES its resolved corner as
-       `--radius-ctx` + its inner pad as `--radius-inset` on itself; a nested
-       CARD-class surface DERIVES its own corner
-         border-radius: max(var(--radius-floor), calc(var(--radius-ctx) − var(--radius-inset)))
-       so the inner corner stays concentric with the outer across the pad. The
-       2-level relay is the contract (covers 4/5 audited sites); depth-N `inherit()`
-       is Chrome-only / non-Baseline — BOOKED, never a masking fallback. These are
-       the DEFAULT (root) channel values a container overrides per-scope: the
-       identity default `--radius-inset: 0px` makes an un-nested card read
-       `--radius-ctx` (= --radius-card) unchanged, and `--radius-floor` (4px) is the
-       minimum a nested corner never rounds below. */
-    --radius-floor:   var(--radius-xs);
-    --radius-ctx:     var(--radius-card);
-    --radius-inset:   0px;
-
-    /* ── AX.W56 — the corner-SHAPE axis (parallel to the corner-RADIUS ladder above).
-       `corner-shape` only changes the CURVE within the `border-radius` box; the
-       region is still the `--radius-*` token. These are plain @theme (the radius
-       siblings' rationale applies — each alias is its own override point, and the
-       semantic shapes are value-identical keywords that must not collapse under
-       inline). Chrome 139+ only (~65% global May 2026); the un-gated `border-radius`
-       round stays the cross-engine CONTRACT and the `@supports (corner-shape:
-       superellipse(2))` gate (glass.css/dock.css) is the PE tier. NEVER make
-       corner-shape the contract — Safari/Firefox have no positive signal through 2026.
-
-       Superellipse exponent (MDN authoritative): `superellipse(K)` paints
-       |x|^(2K) + |y|^(2K) = 1, so the curve exponent n = 2K. The CSS `squircle`
-       keyword == `superellipse(2)` == n=4 — the iOS-idiomatic web squircle. The
-       k-PRIMITIVE band (a consumer dials 1.7–2.4 to taste; W42's dock-morph calc()s
-       its animated k against this ONE vocabulary — do not re-define a second k).
-       (BB.W-DEAD-SWEEP re-ground: --corner-k-soft / --corner-k-sharp have no
-       runtime var() consumer but ARE pinned by proof:squircle-language (the
-       TOKEN-AXIS-EXISTS clause asserts both rungs are minted) — so KEPT, not
-       swept; the clean-break delete is a coordination follow-up once the gate
-       re-anchors.) */
-    --corner-k-squircle: 2;   /* the squircle — superellipse(2), n=4               */
-    --corner-k-soft:     1.7; /* gentler, between round and squircle — n≈3.4       */
-    --corner-k-sharp:    2.4; /* crisper square-bias for large surfaces — n≈4.8    */
-
-    /* Semantic per-surface SHAPE aliases — the rounded-vs-squircle POLICY (a
-       RADIUS-THRESHOLD policy: the superellipse only READS at a LARGE radius
-       ~--radius-xl/12px and up). The SQUIRCLE set = bigdock, dialog, sheet, panel,
-       hero (the large-radius glass overlays where the iOS-26 silhouette reads — the
-       blur halo + cartoon under-shadow follow the shape); ALL ride the ONE
-       --corner-k-squircle vocab. W56b (USER-DECISION R1) extended the family off
-       big-dock-only onto the large glass overlays; @supports-gated in
-       glass/squircle.css over the `border-radius` round CONTRACT. A consumer dials
-       any squircle surface back to round (or opts one in) by re-pointing its
-       `--corner-shape-<surface>` alias.
-       The ROUND set (card, pill — the small controls + data cards + stadium pills)
-       carries NO shape alias: the CSS `corner-shape` INITIAL VALUE is `round`, and
-       glass.css writes no `corner-shape` on .glass-card/.glass-btn/.btn-pill (the
-       CARD-REHOMED policy), so those surfaces are round BY DEFAULT — the dead
-       `--corner-shape-card`/`-pill: round` no-op knobs were SWEPT (BG.W-DEAD-SWEEP,
-       net-negative; the round policy is identical, expressed structurally not by a
-       dead token). A consumer wanting a squircle card mints its own alias and adds
-       the surface to squircle.css's @supports block. */
-    --corner-shape-bigdock: superellipse(var(--corner-k-squircle));
-    --corner-shape-dialog:  superellipse(var(--corner-k-squircle));
-    --corner-shape-sheet:   superellipse(var(--corner-k-squircle));
-    --corner-shape-panel:   superellipse(var(--corner-k-squircle));
-    /* BI.W-GLASS-DEDUP — `--corner-shape-hero` RETIRED with the `.glass-hero`
-       overlay utility (FAM-9, 0-consumer clean break). */
-    /* AX.W59 — the spectrum slider's track-height thumb reads as a SQUIRCLE
-       (the iOS color-picker idiom). It rides the same --corner-k-squircle
-       vocabulary; @supports-gated in Slider.vue over a --radius-* round
-       fallback. A consumer dials it to round (a circular knob) or to soft. */
-    --corner-shape-thumb:   superellipse(var(--corner-k-squircle));
-}

package/src/styles/theme.css

@@ -1,33 +0,0 @@
-/*
- * theme.css — Tailwind CSS v4 @theme block (thin @import root over theme/*.css)
- *
- * Maps every CSS custom property from tokens.css + typography.css to a
- * Tailwind utility-generating token. References vars (not literals) so
- * consumers can override at :root / .dark without rebuilding Tailwind.
- *
- * AZ.W-CARVE — the four @theme constructs were CARVED into cohesive
- * theme/*.css partials (each under the no-god-module 500-line bound),
- * @import-ed below in CASCADE ORDER. The ordering is load-bearing: `@theme
- * inline` (bridges) substitutes values, and the leading plain `@theme` radius
- * aliases must precede the inline bridges (a re-ordered split would drop a
- * value-identical `rounded-*` utility — the radius header note in
- * theme/radius.css records the exact collision). Tailwind v4 registers
- * `@theme` variables across `@import`ed files BY DESIGN (the "sharing across
- * projects" pattern), so the four constructs span four partials with ZERO
- * surface delta:
- *   1. theme/radius.css   — the LEADING plain `@theme`: radius primitives +
- *                           semantic radius aliases + the corner-SHAPE axis.
- *   2. theme/bridges.css  — the `@theme inline`: the tokens.css `var(--token)`
- *                           BRIDGES (color/shadow/blur/duration/ease/typography).
- *   3. theme/literals.css — the trailing plain `@theme`: directly-authored
- *                           LITERALS (--animate-*, opacity, text-shadow).
- *   4. theme/dark.css     — the `@variant dark` class-based dark-mode variant.
- *
- * @import-ed by index.css (cascade rung after typography.css); the carve keeps
- * the SAME @layer/source position → byte-isomorphic dist (the no-god-module
- * import-order gate is the witness).
- */
-@import "./theme/radius.css";
-@import "./theme/bridges.css";
-@import "./theme/literals.css";
-@import "./theme/dark.css";

package/src/styles/tokens/color-radius.css

@@ -1,308 +0,0 @@
-/* tokens/color-radius.css
-   §4 radius reference · §5 warm-cream/muted-black palette · §5c constellation · §6 section palette · §6b viz basis.
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-:root {
-    /* §4  BORDER RADIUS — authored ONCE in theme.css's leading plain @theme
-       block (AV.W16 TW1). A plain @theme mints each `--radius-*` as a global
-       :root var, so the `var(--radius-card)` recipe reads across this file
-       resolve from that source. The prior §4 twin here doubled the override
-       surface (the anti-pattern the @theme-inline migration kills) — excised;
-       retune the scale at theme.css. */
-
-    /* ═══════════════════════════════════════════════
-       §5  COLOR PALETTE — Warm cream / muted black
-
-       Neutral scale: perceptually-uniform L* steps at hue 48 (warm paper).
-       Each pair visibly distinct at 20px viewing distance.
-           0 → 1  : 3 L   (page → soft field)
-           1 → 2  : 5 L   (soft field → chip / tab-inactive)
-           2 → 3  : 8 L   (chip → hover / highlight)
-           3 → 4  : 12 L  (highlight → subtle border)
-           4 → 5  : 25 L  (border → muted text, contrast jump)
-           5 → 6  : 10 L  (muted text → strong-muted text, secondary register)
-
-       Semantic aliases re-point into the scale — no back-compat shims.
-
-       BA.W-NO-GRAY — THE WARM-CHROMA FLOOR (R10-5 "No gray."). The ladder was
-       SPECIFIED warm (hue 48) but RESOLVED achromatic — at 6-10% sat across
-       L40-95 the painted OKLab chroma landed C 0.0055-0.0155 (below the ~0.020
-       perceptual gray floor) AND at hsl-48 the OKLab hue mapped to ~95° (a
-       yellow-green), NOT the warm-amber the --foreground ink carries (hsl-24 →
-       OKLab H≈56°). The fix is CHROMA-ONLY at constant L: warm the hue toward
-       the foreground register (hsl 28-34 → OKLab H 62-72°, warm MATERIAL not a
-       cast) AND lift the saturation off the gray floor. The L is unchanged (the
-       contrast contract — AA re-ratified, ±0.01 of HEAD). The mid/low-L rungs
-       clear the strong floor C≥0.020; the L90 chip is gamut-bound (it cannot
-       carry 0.020 at L90 without a visible cast — the triumvirate "tinted not
-       warm" trigger), so it lifts to a materially-warm C≈0.013 (~2.4× HEAD).
-       Machine-locked by proof:no-gray + tests-visual/no-gray.spec.ts. */
-    --neutral-0: hsl(40 30% 98%);   /* L 98 — page surface (warm-cream, KEEP-NEUTRAL surface) */
-    --neutral-1: hsl(38 26% 95%);   /* L 95 — soft field bg */
-    --neutral-2: hsl(34 28% 90%);   /* L 90 — chip / tab-inactive bg (warm, gamut-bound C≈0.013) */
-    --neutral-3: hsl(33 30% 82%);   /* L 82 — hover / highlight bg (warm, C≈0.025) */
-    --neutral-4: hsl(32 26% 70%);   /* L 70 — subtle border (warm, C≈0.036) */
-    --neutral-5: hsl(30 22% 40%);   /* L 40 — muted text (warm, C≈0.043; WCAG AA: 5.21:1 vs page / 4.90:1 vs muted) */
-    /* W7-α' (AK-FD1) — strong-muted text rung. One principled ladder step
-       (10 L darker, the 5→6 cadence above) past muted text toward
-       --foreground (L10). Sits at the 1/3 point of the L40→L10 muted→primary
-       gap: legible secondary text that reads less-faint than muted but not as
-       assertive as primary. By-COLOUR per the canon (a neutral step, not an
-       alpha mute). BA.W-NO-GRAY — re-saturated onto the warm identity in
-       lockstep with the ladder (hsl 28 24% — OKLab H 62°, C≈0.038, the warm
-       register; L held at 30). WCAG AA: 7.88:1 vs L98 page / 7.43:1 vs L95
-       muted (cf. neutral-5's 5.21:1) — comfortably above the 4.5:1 body floor. */
-    --neutral-6: hsl(28 24% 30%);   /* L 30 — strong-muted text (secondary register, warm) */
-
-    --background: var(--neutral-0);
-    --foreground: hsl(24 10% 10%);
-    /* BA.W-NO-GRAY L1 — the warm-bias glass PLATE. --card was `var(--neutral-0)`
-       (the near-achromatic L98 page, OKLab C 0.0017) — so every glass plate
-       (Card/Button/Toast/Popover/Dialog/Sheet, all --card-derived) composited a
-       flat gray slab over a flat backdrop (the G1/G8 defect, the user's "no gray
-       ... for cards, buttons"). Glass is TRANSMISSIVE — over a flat page there
-       is nothing behind to modulate, so the plate is its own near-neutral cream.
-       --card DECOUPLES from the page to a warm-cream value carrying a real OKLab
-       chroma (hsl 36 48% 97% → OKLab C 0.0062 at warm H 75°, L kept ~98 so the
-       page-card SURFACE read is byte-stable), so the plate reads WARM over ANY
-       backdrop — the plate floor (composited C ≥ 0.0035, ~2× HEAD) the gamut
-       allows a near-white translucent surface. The DARK --card is W-DARK-MATERIAL's
-       lifted hsl(24 8% 16%) (NOT re-warmed here — the dark register is its work).
-       Bounded: the cream family, never a tinted cast (the triumvirate bar). */
-    --card: hsl(30 85% 96%);
-    --card-foreground: var(--foreground);
-    --popover: var(--card);
-    --popover-foreground: var(--foreground);
-
-    /* R0G-5 (AO.W4) — warm-neutral public-data panel surface. One warmth step
-       off --card (hue 44 vs 48, +4 sat, −2 L) so a consumer's aurora-OFF
-       /dashboard/* surfaces read with the admin canon's warm-neutral chrome
-       instead of the colder bare card. Opaque surface (the --card family), not
-       a --surface-tint-* overlay. Consumer applies on /dashboard/* only. */
-    --surface-public-data-panel: hsl(44 16% 96%);
-
-    --muted: var(--neutral-1);
-    --muted-foreground: var(--neutral-5);
-    /* W7-α' (AK-FD1) — one rung less-faint than --muted-foreground for
-       secondary text that reads too-faint at the muted rung over resting
-       glass (CardDescription). By-colour neutral step, not alpha. */
-    --muted-foreground-strong: var(--neutral-6);
-    --secondary: var(--neutral-2);
-    --secondary-foreground: var(--foreground);
-    --accent: var(--neutral-3);
-    --accent-foreground: var(--foreground);
-
-    --border: var(--neutral-4);
-    --input: var(--neutral-4);
-
-    --primary: hsl(24 10% 10%);
-    --primary-foreground: var(--neutral-0);
-    --destructive: hsl(0 72% 50%);
-    --destructive-foreground: var(--neutral-0);
-    /* BG.W-DESHADCN — the house focus-accent register. RENAMED off the shadcn
-       `--ring` token (clean break, no alias — the de-shadcn break). Every
-       `.focus-ring`/`--focus-ring-shadow` reader + the input-fold + the
-       configurator crown resolve THIS token; the theme-bridge `--color-ring`
-       (the shadcn `ring`/`outline-ring` utility surface) is DELETED. */
-    --focus-ring-color: hsl(24 10% 10%);
-    --shadow: hsl(24 10% 10%);
-    --shadow-color: var(--foreground);
-
-    /* BG.W-DESHADCN — the `ai` button label ink (token-first, off the raw
-       `text-amber-700` tailwind palette). Warm-amber, calibrated to read on the
-       light glass surface; the dark arm lifts it in dark-arm.css (the plain
-       per-mode pair idiom). Read as `text-(--accent-ai-ink)`. */
-    --accent-ai-ink: oklch(0.55 0.13 75);
-
-    /* AQ.W2 §4 — native-control accent. `accent-color` is an inherited
-       built-in <color>, so per the §2b resolve-late discipline it reads a
-       dedicated UNREGISTERED token set per-mode (NOT light-dark()) and is
-       re-specified inside `.dark` — otherwise the accent freezes to the
-       light shade at the cascade root. Light: muted-black checkmarks /
-       sliders on warm cream. Dark arm (`.dark`) reads `--focus-ring-color`
-       (mid-tone), not the near-white dark `--primary`, so a checkbox's white
-       checkmark keeps contrast headroom (accent-color.md §5). */
-    --accent-color: var(--primary);
-
-    /* Border hairline at whisper alpha — the canonical rung for
-       section-spine / panel-edge hairlines a consumer wants to read as an
-       iOS-26 whisper rather than a hard rule. Consumers compose this named
-       rung instead of hand-mixing `color-mix(... var(--border) ...)`
-       per-site (token-first). 45% is the canonical whisper. Auto-dark via
-       `--border` (which is `var(--neutral-4)`, light-dark()-resolved). */
-    --border-soft: color-mix(in srgb, var(--border) 45%, transparent);
-
-    /* BC.W-SEPARATOR-FIX — the warm separator hairline ink. A rule reads as
-       WARM material, not a grey `--border` line (BA.W-NO-GRAY floor): the
-       split-rule segments + un-labelled hairline both paint `--separator-ink`.
-       It is a `color-mix` off `--foreground` (`light-dark()`-resolved, so it
-       auto-darks warm in both modes — the warm-ink hairline, not `--neutral-4`
-       grey). 22% is a visible-but-whisper rule (crisper than `--border-soft`'s
-       45%-of-grey; this one is foreground-derived so it carries the warm hue
-       directly). A consumer retints every separator from this single rung. */
-    --separator-ink: color-mix(in srgb, var(--foreground) 22%, transparent);
-
-    /* AQ.W3 §W3.4 — tokenized scrollbar thumb + track. Minted in the color
-       block so the `scrollbar-color` / `::-webkit-scrollbar-thumb` rungs read a
-       single source. Auto-dark via `--muted-foreground` (light-dark()-resolved,
-       AQ.W2) — the OS scrollbar chrome also honors `color-scheme: dark`, so the
-       custom thumb tracks the dark surface without an explicit dark mirror. The
-       thumb α (25%) matches the prior inline `.scrollbar-thin` value byte-for-
-       byte; `transparent` track keeps the scroll-pane glass reading through. */
-    --scrollbar-thumb: color-mix(in srgb, var(--muted-foreground) 25%, transparent);
-    --scrollbar-track: transparent;
-
-    /* Foreground-tint rungs — canonical handles for the 36+ raw
-       `color-mix(in srgb, var(--foreground) N%, transparent)` sites surveyed
-       in R5 axis-1. Each rung's α is named in its key (4 → 4%, 22 → 22%).
-       Auto-dark via --foreground; no explicit dark mirrors needed. R5
-       vocab.γ gap row 1. Consumers land in W2.B + W3.C. */
-    --surface-tint-4:  color-mix(in srgb, var(--foreground)  4%, transparent);
-    --surface-tint-6:  color-mix(in srgb, var(--foreground)  6%, transparent);
-    --surface-tint-8:  color-mix(in srgb, var(--foreground)  8%, transparent);
-    --surface-tint-10: color-mix(in srgb, var(--foreground) 10%, transparent);
-    --surface-tint-12: color-mix(in srgb, var(--foreground) 12%, transparent);
-    --surface-tint-15: color-mix(in srgb, var(--foreground) 15%, transparent);
-    --surface-tint-18: color-mix(in srgb, var(--foreground) 18%, transparent);
-    --surface-tint-22: color-mix(in srgb, var(--foreground) 22%, transparent);
-    --surface-tint-25: color-mix(in srgb, var(--foreground) 25%, transparent);
-    /* Higher-α rungs added at L.W5 (absorbs K R4 — 4 P1 sites whose
-       literal `color-mix(in srgb, var(--foreground) {35,40,70}%, transparent)`
-       expressions bypassed the canonical token family). See `docs/tranches/L/
-       audit/W5-A-doc-cohort-proof.md`. */
-    --surface-tint-35: color-mix(in srgb, var(--foreground) 35%, transparent);
-    --surface-tint-40: color-mix(in srgb, var(--foreground) 40%, transparent);
-    --surface-tint-70: color-mix(in srgb, var(--foreground) 70%, transparent);
-
-    /* Muted-tinted surface rungs — canonical handles for the 9 raw
-       `color-mix(in srgb, var(--muted) N%, transparent)` sites in
-       FuzzySearch / SegmentedTabs / Slider scoped CSS. (AI.W5-δ — the
-       ProgressiveSidebar consumer retired at the wave; the canonical token
-       rung lives on for the remaining consumers.) Auto-dark via --muted.
-       R5 vocab.γ axis-1 row. */
-    --muted-soft:   color-mix(in srgb, var(--muted) 30%, transparent);
-    --muted-medium: color-mix(in srgb, var(--muted) 50%, transparent);
-
-    /* ═══════════════════════════════════════════════
-       §5c CONSTELLATION — Canvas2D proximity-graph lattice (AX.W17)
-
-       The H.W4 legibility intelligence promoted from the slides deck to
-       LIBRARY identity: the node tones, the edge hairline color, the per-mode
-       edge-alpha multipliers, and the field-yields-to-type translucency knob.
-       Only `--constellation-accent` (the anomaly tint) stays a CONSUMER preset
-       (slides aliases it to `--ncsu-red`); the library ships a neutral default.
-
-       PLAIN-hsl LITERALS, per arm — NEVER `light-dark()` and NEVER a
-       `var(--neutral-*)`/`var(--foreground)`/`var(--border)`/`var(--card)`
-       alias. Canvas2D silently REJECTS a `light-dark()` value into
-       `strokeStyle`/`fillStyle` (the W30 86.3%-red-splatter cardinal defect),
-       and the rejection is identical whether the value is a literal
-       `light-dark(…)` OR a `var()` that RESOLVES to one — so the constellation
-       tokens are plain-hsl LEAVES, the `:root` vs `.dark` cascade carrying two
-       literals. `proof:constellation-tokens` clause (c) machine-locks this
-       (the no-`light-dark(`-substring NOR transitive-`var()` static assertion).
-       ═══════════════════════════════════════════════ */
-    /* Node tones — readable on the warm-cream ground. The two-tone split (the
-       `dim` half rides `-node-dim`). Warm-grey ink, NOT a neutral-ladder alias. */
-    --constellation-node:      hsl(36 8% 46%);
-    --constellation-node-dim:  hsl(36 8% 60%);
-    /* Edge hairline stroke — warm near-black on cream (the plain-hsl complement
-       the slides deck reads to fix the `--foreground` light-dark() leak). */
-    --constellation-line:      hsl(24 14% 14%);
-    /* Anomaly tint — NEUTRAL library default (a desaturated warm accent). The
-       consumer overrides this (slides → `--ncsu-red`); the library does NOT
-       bake a brand hue. This is the single consumer-preset boundary. */
-    --constellation-accent:    hsl(18 58% 46%);
-    /* Edge-alpha multipliers — replace the magic `0.17` hairline / pointer-web
-       literals. The cream ground lifts the node tones, so the field can recede;
-       the focus-proximity edge reads a touch stronger. */
-    --constellation-edge-alpha:          0.22;
-    --constellation-edge-focus-alpha:  0.34;
-    /* §7 field-yields-to-type translucency knob — the legible-but-RECESSIVE
-       MIDPOINT, NOT max-legibility. On cream the node tones already read, so the
-       field recedes further: BELOW the slides 0.92 max-legibility reference. */
-    --constellation-alpha:               0.80;
-    /* ACCENT-edge skin weights (AZ.W-CON-GEN G3) — the flagged-node EDGE legibility
-       set the optional `drawEdges(…, accentIndex)` pass reads. `--constellation-accent`
-       (above) is the edge TINT; `-edge-floor` is the neutral-edge alpha MINIMUM so a
-       distance-faded hairline clears the perceptual floor on a bright ground (default
-       0 → byte-identical, the consumer lifts it on a very-light backdrop);
-       `-edge-accent-alpha` is the accent-incident edge multiplier (the flagged-node
-       tether reads a touch louder than the neutral lattice). Mode-arm where they
-       differ — the dark arm carries its own (dark-arm.css §5c). */
-    --constellation-edge-floor:          0;
-    --constellation-edge-accent-alpha:   0.30;
-
-    /* §interaction — the warp spring + the gravity-well tunings (NUMERIC, NOT
-       colors — read ONCE on mount via parseFloat, never reach a Canvas2D
-       fillStyle, so immune to the W30 light-dark()/Canvas2D leak; AY.W-CON2).
-       Mode-INVARIANT, declared ONCE in :root (the .dark arm needs no numeric
-       re-declare — a per-mode value SPLIT is what proof:constellation-tokens
-       clause (c) flags, and these tunings are identical in both modes).
-       `--constellation-warp-response` is the keyframes.js ANGULAR PERIOD (the
-       SwiftUI .spring(response:) axis), NOT a settle-duration — at ζ=1 the 2%
-       settle lands at t₂ ≈ 5.83/ω₀ ≈ 0.93·response (the engine keeps the
-       keyframes.js ω₀ = 2π/response convention, mints no second ω). */
-    --constellation-warp-response:    0.55;   /* s — keyframes.js angular period (NOT a settle) */
-    --constellation-warp-zeta:        1.0;    /* critically damped — a focal mark must NOT ring */
-    --constellation-well-gain:        19000;  /* inverse-square force scale (the held-pull gain). Lifted 14000→19000 (BC.W-VIZ-CONSTELLATION): the GPU substrate's high-refresh frame loop ramps the held strength to only ~0.70 within the egg-live π perturb window, so the weaker effective force (fought by the |v|→speed ease-back) fell under the gate's ≥20% perturb floor — a stronger pull restores the heat. Held-physics only; rest is byte-untouched. Mirrors DEFAULT_WELL_CONFIG.gain. */
-    --constellation-well-reach:       340;    /* base-width px — the well's reach (k-scaled at step) */
-    --constellation-well-ramp:        8.0;    /* 1/s — the ARM rate. Doubled 4→8 (BC.W-VIZ-CONSTELLATION) so the strength reaches near-full power within the gate's 40-frame perturb window at the GPU substrate's high refresh (~0.12s bloom); release is the fixed brisk WELL_RELEASE_RAMP — the field-cools invariant, not consumer-tunable. Mirrors DEFAULT_WELL_CONFIG.ramp. */
-    --constellation-well-max-speed:   4.0;    /* base-width px/frame cap — the no-slingshot clamp */
-    --constellation-well-hold-ms:     140;    /* ms hold before the well arms */
-    --constellation-wander-idle:      8000;   /* ms — min idle between auto re-targets (the W-CON1 drift cadence) */
-    --constellation-wander-jitter:    8000;   /* ms — random extra idle per cadence (so the rhythm is not metronomic) */
-
-    /* ═══════════════════════════════════════════════
-       §6  SECTION PALETTE — 13-stop jewel tones (light)
-       ═══════════════════════════════════════════════ */
-    /* AV.W16 TW2 — oklch ramp (perceptually-even L; hue preserved from the
-       prior hsl() cadence). Categorical jewel tones — distinct hues, not a
-       monotone scale. Authored as oklch pairs with the .dark mirror. */
-    --section-color-0:  oklch(0.552 0.192 359.8);  /* rose       */
-    --section-color-1:  oklch(0.502 0.165 305.9);  /* purple     */
-    --section-color-2:  oklch(0.484 0.163 265.5);  /* indigo     */
-    --section-color-3:  oklch(0.542 0.089 222.8);  /* teal-cyan  */
-    --section-color-4:  oklch(0.551 0.088 171.1);  /* forest     */
-    --section-color-5:  oklch(0.530 0.124 69.6);   /* amber — BC.W-ACCENT-TONE #13: the safeAccentColor-derived rebaseline (HEAD 0.623 → 0.530, 3.49:1 → 5.11:1 vs the warm-cream card; the dark arm already clears 8.07:1 so it stays). --viz-amber auto-tracks; fourier's :root override deletes on adopt. */
-    --section-color-6:  oklch(0.579 0.201 30.4);   /* tomato-red */
-    --section-color-7:  oklch(0.532 0.180 317.5);  /* violet     */
-    --section-color-8:  oklch(0.520 0.176 8.4);    /* ruby       */
-    --section-color-9:  oklch(0.492 0.038 239.6);  /* slate-blue */
-    --section-color-10: oklch(0.556 0.103 128.8);  /* olive      */
-    --section-color-11: oklch(0.601 0.092 208.0);  /* ocean      */
-    --section-color-12: oklch(0.513 0.163 291.9);  /* periwinkle */
-
-    /* Accent colors */
-    --accent-pink: oklch(0.613 0.197 353.8);
-    --section-heading: oklch(0.545 0.189 352.8);
-    --accent-red: oklch(0.574 0.216 27.5);
-
-    /* ═══════════════════════════════════════════════
-       §6b VIZ BASIS — core brand hues
-       ═══════════════════════════════════════════════ */
-    --viz-fourier:   oklch(0.579 0.201 30.4);
-    --viz-chebyshev: oklch(0.484 0.163 265.5);
-    --viz-legendre:  oklch(0.532 0.180 317.5);
-    --viz-amber:     var(--section-color-5);
-    --viz-green:     var(--section-color-4);
-
-    /* Semantic UI accents */
-    --tier-featured: oklch(0.841 0.173 84.2);
-    --tier-saved:    oklch(0.676 0.176 252.3);
-    --like:          oklch(0.633 0.200 24.9);
-    --success:       oklch(0.720 0.192 149.5);
-    --warning:       oklch(0.770 0.165 70.6);
-    --info:          oklch(0.626 0.186 259.6);
-    --delete:        oklch(0.597 0.198 25.5);
-
-    /* Semantic foregrounds — text/glyph atop --success/--warning/--info plates.
-       Notification.vue currently hardcodes `text-white`/`text-foreground`
-       inline; W2 migrates consumers to read these tokens. Warning carries a
-       dark glyph because the amber plate is too luminous for white. R5
-       vocab.γ gap row 4. */
-    --success-foreground: var(--neutral-0);
-    --warning-foreground: hsl(24 10% 10%);
-    --info-foreground:    var(--neutral-0);
-
-}

package/src/styles/tokens/dark-arm-glass.css

@@ -1,55 +0,0 @@
-/* tokens/dark-arm-glass.css
-   The .dark saturate/brightness luminosity-lift companion cohort (BA.W-DARK-MATERIAL scope 2): the dark transmissive --glass-saturate-* knobs + the composed --glass-blur-* rungs (the "dark glass glows where light passes" lift) + the BB.W-DEEP-GLASS dark --glass-blur-deep arm.
-   Carved from tokens/dark-arm.css to hold the no-god-module 500-line bound (BI.W-STYLE-REDRAIN); its own .dark block @import-ed by tokens.css IMMEDIATELY AFTER dark-arm.css. These tokens are the sole .dark writers, so the relocation is cascade-order-invariant (computed values byte-identical). */
-.dark {
-    /* BA.W-DARK-MATERIAL scope 2 — dark glass is TRANSMISSIVE. The dark rung
-       backdrop-filter carries a saturate/brightness LUMINOSITY LIFT (the iOS-dark
-       "dark glass glows where light passes" model) so a backdrop GLOWS through the
-       plate instead of dying behind it. The light arm sits at saturate(1.05) — over a
-       near-black canvas that reads as no transmission; the dark arm lifts it so the
-       aurora/page behind reads with chroma + a glow. The blur() RADIUS is the
-       light-arm primitive UNTOUCHED (W-GLASS-CAL owns the radius dial-back) — only the
-       saturate/brightness COMPANIONS lift here. The lower rungs lift more (they're
-       thinner, the backdrop carries the read); the heavy overlay lifts least.
-
-       BC.W-GLASS-LEGIBILITY-MEASURED — the per-rung `--glass-saturate-{tier}` knob
-       (the speedtest-AX BC-W10 fold) is the SAME named register as the light arm
-       (tokens/glass.css), per-mode — the dark identity. The dark values ARE this
-       scope's luminosity lift (wash/quiet 1.35, resting 1.30, floating 1.28, overlay
-       1.22) become the dark token defaults, and each `--glass-blur-{tier}` reads
-       `saturate(var(--glass-saturate-{tier}))` THROUGH — so a `.dark` override re-
-       resolves the rung saturation with ZERO recipe edit, AND the composed dark blur
-       is BYTE-IDENTICAL to the old baked literal. The `brightness()` companions stay
-       baked (this fold mints ONLY the saturate knob). The dark dock/deep saturate stay
-       baked (off-ladder footprint rungs, not part of the {wash..overlay} ladder).
-       Machine-locked by `proof:glass-legibility` L7. */
-    --glass-saturate-wash:     1.35;
-    --glass-saturate-quiet:    1.35;
-    --glass-saturate-resting:  1.30;
-    --glass-saturate-floating: 1.28;
-    --glass-saturate-overlay:  1.22;
-    --glass-blur-wash:     blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate-wash)) brightness(1.18);
-    --glass-blur-quiet:    blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate-quiet)) brightness(1.16);
-    --glass-blur-resting:  blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting)) brightness(1.14);
-    --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating)) brightness(1.10);
-    --glass-blur-overlay:  blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate-overlay)) brightness(1.06);
-    /* BG.W-CLOSEFIX-9SITE — the dark `--glass-blur-dock` chain (`--glass-saturate-dock`
-       + the composite) RETIRED with its light-arm sibling (clean break, no alias). The
-       dark dock reads the dark `--glass-blur-resting` (its saturate + luminosity lift)
-       through the `--dock-surface-blur: var(--glass-blur-resting)` peer. */
-
-    /* BB.W-DEEP-GLASS — the DARK arm of the OPT-IN deep tier (the luminous-dark
-       deep mirror, the W-DARK-MATERIAL scope-2 "dark glass glows where light
-       passes" model). The deep tier is even more transmissive in dark — the deep
-       dark glass glows MORE where the backdrop passes — so its saturate/brightness
-       companion lifts HARDER than the calm dark floating (1.28/1.10): the deep
-       arm carries saturate(1.55) brightness(1.16), in LOCKSTEP with the light deep
-       arm (which sits at saturate 1.5 / depth-LERPed, glass-deep.css). The RADIUS
-       is the SAME --glass-blur-deep-active-radius × --glass-level (radius-only
-       across modes, the §2c discipline — only the saturate/brightness companions
-       differ between light/dark). This is a SEPARATE deep token the calm dark
-       ladder never reads (CALM-UNCHANGED in dark too — proof:glass-cal GREEN). */
-    --glass-blur-deep:
-        blur(var(--glass-blur-deep-active-radius))
-        saturate(1.55) brightness(1.16);
-}