@mkbabb/glass-ui 6.0.0 → 7.0.0

package/src/styles/tokens/light-dark.css

@@ -1,216 +0,0 @@
-/* tokens/light-dark.css
-   §-1a coarse-pointer comfort + §-1b light-dark() color architecture — the @media (pointer:coarse) / @media (min-resolution) / @supports (light-dark()) overrides. After the master token partials (overrides them).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-
-/* AX.W51 D18 — the GLOBAL coarse-pointer comfort amplification. The WHOLE library
-   — buttons, inputs, badges, toggles, the dock (a specialization that reads
-   `--ui-scale`) — grows ~1.5× on touch from this ONE place, the W45 dock-only 1.5×
-   lifted to the master scalar so the touch scale is CONSISTENT across the library
-   (at HEAD the dock grew but the buttons did not — the three-scale split). The
-   WCAG-2.5.5 44px touch floor is enforced HERE too: `--control-floor` lifts to
-   `--touch-target`, so every scaled control-height `max(scaled, floor)` clamps at
-   ≥ 44px regardless of the scalar (a consumer dialing `--ui-scale` below 1 still
-   cannot drop a control under the target). Fine-pointer is byte-identical
-   (`--ui-scale` stays 1). `--ui-coarse-scale` is the public default a consumer
-   retunes. */
-@media (pointer: coarse) {
-    :root {
-        --ui-scale: var(--ui-coarse-scale, 1.5);
-        --control-floor: var(--touch-target, 2.75rem);
-    }
-}
-
-/* AV.W7 F2 — high-resolution overlay-blur restore. On a 2dppx+ display the
-   richer overlay wash is amortised by the extra device pixels (the blur samples
-   a denser backing store), so a higher ceiling is restored where it is
-   affordable. Standard-density displays keep the 13px budget radius set in §-1a
-   `:root`. Token-only override — every overlay surface that reads
-   `--glass-blur-overlay-radius` inherits the restored value automatically.
-
-   BA.W-GLASS-CAL Unit 1 — the restore pulled 24→20px in lockstep with the base
-   ladder's ~15-20% dial-back (the base overlay rung moved 15→13). 20px stays the
-   amortised high-DPI ceiling; standard density reads the dialed-back 13px. */
-@media (min-resolution: 2dppx) {
-    :root {
-        --glass-blur-overlay-radius: 20px;
-    }
-}
-
-/* ═══════════════════════════════════════════════
-   §-1b  LIGHT-DARK() COLOR ARCHITECTURE (AQ.W2 §2)
-
-   Every PAIRED color token (a token whose `:root` and `.dark` values are
-   BOTH a <color> and differ) folds onto one `light-dark(light, dark)`
-   declaration, keyed off the element's `color-scheme` (§-1). This is the
-   single-source-of-truth collapse of the `.dark` mirror AND the dynamism
-   win: an unregistered custom property holding a `light-dark()` expression
-   re-resolves under a descendant `color-scheme` override (a `.dark`
-   code-block embedded in a light page, or vice-versa).
-
-   DISCIPLINE (§2b — BINDING): these tokens MUST stay UNREGISTERED (no
-   `@property … syntax:"<color>"`). A registered <color> would resolve ONCE
-   at the declaring element and inherit the RESOLVED color, freezing the
-   descendant re-resolution. glass-ui's only `@property` registrations (§18)
-   are non-color (percentage/length), so the discipline holds — W2 adds NO
-   color `@property`.
-
-   The semantic `var()`-aliases (`--background`, `--muted`, `--border`,
-   `--secondary`, `--accent`, `--card-foreground`, …) do NOT appear here:
-   they point at the SAME source name in both modes and auto-track once the
-   `--neutral-*` ladder + `--foreground` resolve via `light-dark()`. Their
-   redundant `.dark` re-declarations DELETE below.
-
-   FALLBACK (§2c): this whole block is `@supports`-gated, so an engine
-   WITHOUT `light-dark()` skips it and the retained `.dark` class block (the
-   fallback floor) drives dark exactly as at HEAD. `light-dark()` is the
-   enhancement OVER the class — not a parallel alias. Baseline Newly
-   Available; the fallback floor is the pre-existing class block (net-zero
-   new fallback LOC).
-
-   IDIOM-REVERSAL — the CANONICAL single source for COLOR
-   (BG.W-GLASS-BASIS-CONSOLIDATE, R16 MN-1). colors → `light-dark()` only is
-   now the CANON: this block is the single source of truth for every paired
-   COLOR token. The `.dark {}` color re-declarations (dark-arm.css) are the
-   fallback-floor LOCKSTEP WITNESSES only — they MUST byte-agree with the dark
-   arg here, never a second value (two arms painting two different dark colors
-   is the bug; `proof:glass` clause DA1 reds a divergence). SHADOWS and INSETS
-   go the OTHER way: `.dark {}` plain arms ONLY, NEVER folded into
-   `light-dark()` — a `light-dark()` wrapping shadow fragments computes the
-   WHOLE box-shadow to `none` (the inset-shadow trap; `proof:glass` DA2 reds a
-   shadow-valued light-dark()). One mechanism per token TYPE. This SUPERSEDES
-   the plain per-mode pair idiom for COLOR tokens (the reversal is INTENTIONAL,
-   recorded here).
-   ═══════════════════════════════════════════════ */
-@supports (color: light-dark(white, black)) {
-    :root {
-        /* Neutral ladder — the source the var()-aliases track. BA.W-DARK-MATERIAL scope 1:
-           the dark --neutral-0 page floor DEEPENS L6→L4 (LOCKSTEP dark-arm.css:32) so the
-           lifted L16 --card sits ~5× its relL — a real dark elevation step.
-           BA.W-NO-GRAY — THE WARM-CHROMA FLOOR, BOTH ARMS in lockstep. The LIGHT arm warms
-           off the achromatic hsl-48 yellow-green onto the warm identity (hsl 28-40, OKLab
-           H 62-85°, C off the gray floor; LOCKSTEP color-radius.css). The DARK arm warms in
-           lockstep on the W-DARK-MATERIAL base (hsl 28-36, the dark neutrals carry chroma on
-           the NEW dark page/card — secondary→border C 0.0138-0.0286, muted-fg C 0.0255). The
-           dark page --neutral-0 hsl(24 9% 4%) is W-DARK-MATERIAL's (KEEP — its luminance floor).
-           Chroma-only at constant L — every L within ±0.01 of HEAD, the AA contract preserved. */
-        --neutral-0: light-dark(hsl(40 30% 98%), hsl(24 9% 4%));
-        --neutral-1: light-dark(hsl(38 26% 95%), hsl(28 12% 11%));
-        --neutral-2: light-dark(hsl(34 28% 90%), hsl(28 14% 16%));
-        --neutral-3: light-dark(hsl(33 30% 82%), hsl(30 18% 22%));
-        --neutral-4: light-dark(hsl(32 26% 70%), hsl(30 16% 34%));
-        --neutral-5: light-dark(hsl(30 22% 40%), hsl(34 14% 62%));
-        --neutral-6: light-dark(hsl(28 24% 30%), hsl(36 14% 72%));
-
-        /* Core surfaces + ink. BB.W-DARK-INK-WARM — the DARK arg warmed off the H95.1°
-           yellow-green hsl(48 10% 90%) onto the no-gray identity hsl(30 14% 90%) (OKLab
-           H75.4°, L held) in LOCKSTEP with the .dark fallback floor (dark-arm.css:60). The
-           LIGHT arg hsl(24 10% 10%) is already the warm-amber identity (H56°) — untouched. */
-        --foreground:                 light-dark(hsl(24 10% 10%), hsl(30 14% 90%));
-        /* BA.W-DARK-MATERIAL scope 1 — the dark --card plate LIFTS L10→L16 (LOCKSTEP
-           dark-arm.css:51); the public-data panel re-anchors L12→L18 to stay above it.
-           BA.W-NO-GRAY L1 — the LIGHT arm DECOUPLES off the near-achromatic page onto the
-           warm-cream plate hsl(36 48% 97%) (LOCKSTEP color-radius.css --card) so the light
-           glass plate reads warm-not-gray; the dark arm is UNCHANGED (W-DARK-MATERIAL's). */
-        --card:                       light-dark(hsl(30 85% 96%), hsl(26 22% 17%));
-        --popover:                    light-dark(hsl(30 85% 96%), hsl(26 22% 17%));
-        --surface-public-data-panel:  light-dark(hsl(44 16% 96%), hsl(36 9% 18%));
-
-        /* BA.W-DARK-MATERIAL scope 4 — the chromatic dark --primary (legendre-violet house
-           hue, oklab chroma 0.134; off the HEAD achromatic cream). LOCKSTEP dark-arm.css:59. */
-        --primary:                 light-dark(hsl(24 10% 10%), oklch(0.739 0.134 318.1));
-        --primary-foreground:      light-dark(var(--neutral-0), hsl(24 10% 10%));
-        /* AX.W44 — dark-arm lift. The stock shadcn dark `hsl(0 62.8% 30.6%)`
-           (L≈30.6) was a saturated-PLATE value used AS INK over `--card` by the
-           Alert destructive variant — 1.75:1 over card (illegible) / 1.91:1 vs the
-           page. Lifted to `hsl(0 80% 60%)`: 4.60:1 as text over `--card` (clears the
-           4.5 body floor) AND 5.03:1 as a plate vs the dark page (clears the 3.0
-           graphic floor). The light arm is UNCHANGED (already 4.70:1). Lockstep with
-           the `.dark` fallback floor below (§2c). */
-        --destructive:             light-dark(hsl(0 72% 50%), hsl(0 80% 60%));
-        --destructive-foreground:  light-dark(var(--neutral-0), hsl(48 10% 90%));
-        /* BG.W-DESHADCN — the light-dark() arm of the renamed house focus-accent
-           register (off the shadcn `--ring`; both halves byte-identical). */
-        --focus-ring-color:        light-dark(hsl(24 10% 10%), hsl(48 10% 70%));
-        --shadow:                  light-dark(hsl(24 10% 10%), hsl(0 0% 5%));
-
-        /* §4 native-control accent — the per-mode arms (dark reads the
-           mid-tone focus accent for checkmark-glyph contrast headroom, NOT the
-           near-white dark primary). Joins the light-dark() collapse; still
-           re-specified as `accent-color` inside `.dark` per §2b. */
-        --accent-color:            light-dark(var(--primary), var(--focus-ring-color));
-
-        /* Section palette — jewel tones brightened L for dark (oklch pairs;
-           AV.W16 TW2 — hue preserved, L evened) */
-        --section-color-0:   light-dark(oklch(0.552 0.192 359.8), oklch(0.721 0.145 354.0));
-        --section-color-1:   light-dark(oklch(0.502 0.165 305.9), oklch(0.733 0.113 308.2));
-        --section-color-2:   light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4));
-        --section-color-3:   light-dark(oklch(0.542 0.089 222.8), oklch(0.767 0.091 219.9));
-        --section-color-4:   light-dark(oklch(0.551 0.088 171.1), oklch(0.776 0.105 172.6));
-        --section-color-5:   light-dark(oklch(0.530 0.124 69.6),  oklch(0.813 0.109 78.2));
-        --section-color-6:   light-dark(oklch(0.579 0.201 30.4),  oklch(0.693 0.151 28.1));
-        --section-color-7:   light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1));
-        --section-color-8:   light-dark(oklch(0.520 0.176 8.4),   oklch(0.709 0.142 2.3));
-        --section-color-9:   light-dark(oklch(0.492 0.038 239.6), oklch(0.763 0.032 239.0));
-        --section-color-10:  light-dark(oklch(0.556 0.103 128.8), oklch(0.794 0.116 127.9));
-        --section-color-11:  light-dark(oklch(0.601 0.092 208.0), oklch(0.805 0.095 206.7));
-        --section-color-12:  light-dark(oklch(0.513 0.163 291.9), oklch(0.719 0.115 295.6));
-
-        --accent-pink:     light-dark(oklch(0.613 0.197 353.8), oklch(0.683 0.131 354.7));
-        --section-heading: light-dark(oklch(0.545 0.189 352.8), oklch(0.711 0.123 349.3));
-        --accent-red:      light-dark(oklch(0.574 0.216 27.5),  oklch(0.644 0.165 22.9));
-
-        /* Viz basis (amber/green stay var()-aliases → auto-track) */
-        --viz-fourier:   light-dark(oklch(0.579 0.201 30.4),  oklch(0.693 0.151 28.1));
-        --viz-chebyshev: light-dark(oklch(0.484 0.163 265.5), oklch(0.718 0.107 268.4));
-        --viz-legendre:  light-dark(oklch(0.532 0.180 317.5), oklch(0.739 0.134 318.1));
-
-        /* WCAG companion chart labels */
-        --chart-ping-label:     light-dark(oklch(0.40 0.18 230), oklch(0.85 0.12 230));
-        --chart-download-label: light-dark(oklch(0.40 0.20 22),  oklch(0.85 0.14 22));
-        --chart-upload-label:   light-dark(oklch(0.40 0.16 55),  oklch(0.85 0.12 55));
-        --chart-jitter-label:   light-dark(oklch(0.40 0.20 305), oklch(0.85 0.14 305));
-
-        /* Semantic UI accents */
-        --tier-featured: light-dark(oklch(0.841 0.173 84.2),  oklch(0.867 0.165 88.7));
-        --tier-saved:    light-dark(oklch(0.676 0.176 252.3), oklch(0.748 0.135 250.1));
-        --like:          light-dark(oklch(0.633 0.200 24.9),  oklch(0.690 0.162 22.2));
-        --success:       light-dark(oklch(0.720 0.192 149.5), oklch(0.805 0.186 151.6));
-        --warning:       light-dark(oklch(0.770 0.165 70.6),  oklch(0.809 0.150 76.6));
-        --info:          light-dark(oklch(0.626 0.186 259.6), oklch(0.713 0.138 259.5));
-        --delete:        light-dark(oklch(0.597 0.198 25.5),  oklch(0.644 0.170 23.1));
-
-        /* Semantic foregrounds (warning-foreground is identical both modes
-           → stays a single light-mode declaration, no light-dark() needed) */
-        --success-foreground: light-dark(var(--neutral-0), hsl(48 10% 96%));
-        --info-foreground:    light-dark(var(--neutral-0), hsl(48 10% 96%));
-
-        /* Cartoon-shadow color primitives (§2d — plain colors, convert) */
-        --shadow-cartoon-color:      light-dark(rgb(0 0 0 / 0.12), rgb(255 255 255 / 0.07));
-        --shadow-cartoon-color-soft: light-dark(rgb(0 0 0 / 0.06), rgb(255 255 255 / 0.03));
-
-        /* Gold family */
-        --gold:       light-dark(oklch(0.751 0.147 84.2), oklch(0.784 0.143 86.0));
-        --gold-light: light-dark(oklch(0.890 0.183 96.1), oklch(0.898 0.182 97.4));
-        --gold-dark:  light-dark(oklch(0.599 0.132 64.2), oklch(0.678 0.150 63.8));
-
-        /* Silver family (BA.W-ATLAS-RECONCILE C-3) — the `light-dark()` arm
-           mirroring gold's exact shape: light value, dark-lifted value. The cool
-           near-achromatic structure metal (the W-NO-GRAY named exception).
-           `--silver-deep` is mode-invariant — not a `light-dark()` pair, exactly as
-           `--gold-deep` is omitted from this block. */
-        --silver:       light-dark(oklch(0.760 0.012 255), oklch(0.792 0.012 255));
-        --silver-light: light-dark(oklch(0.902 0.010 255), oklch(0.912 0.010 255));
-        --silver-dark:  light-dark(oklch(0.582 0.014 255), oklch(0.648 0.014 255));
-
-        /* Bronze family (BB.W-METAL-SHIMMER) — the `light-dark()` arm mirroring
-           gold's exact shape: light value, dark-lifted value (~+0.03 L so the warm
-           metal reads on the deep canvas). The third brand metal (warm-brown ~54°,
-           chroma above the W-NO-GRAY floor). `--bronze-deep` is mode-invariant —
-           not a `light-dark()` pair, exactly as `--gold-deep`/`--silver-deep` are
-           omitted from this block. */
-        --bronze:       light-dark(oklch(0.620 0.092 54.0), oklch(0.650 0.090 54.0));
-        --bronze-light: light-dark(oklch(0.760 0.112 60.0), oklch(0.790 0.110 60.0));
-        --bronze-dark:  light-dark(oklch(0.500 0.082 50.0), oklch(0.560 0.085 50.0));
-    }
-}

package/src/styles/tokens/motion-registers.css

@@ -1,93 +0,0 @@
-/* tokens/motion-registers.css
-   BI.W-REGISTER-TABLE — the NAMED motion registers over the ONE `.glass-reveal`
-   recipe (D-MOTION PASS-1 §2.1). This is the register TABLE: a semantic name →
-   a bundle `{spring, clock, scale, blur, slide}`. The ONE `.glass-reveal` recipe
-   (glass/reveal.css) binds a register by name via `data-reveal="overlay|menu|
-   tooltip|transient"` — swapping ONLY these knob vars, never the recipe body.
-
-   @import-ed by tokens.css IMMEDIATELY AFTER scheme-spring.css — it READS the
-   parity-fixed `--spring-*` / `--spring-*-duration` clocks (BI.W-SPRING-PARITY,
-   READ-ONLY here — the W-GLASS-CAL fence; this file re-times NO spring, it BINDS
-   the shipped registers to a semantic name). Custom properties resolve order-
-   independently within :root, so the placement is cascade-order-invariant.
-
-   THE KEY CORRECTION (PASS-4B): the parity fix (W-SPRING-PARITY), NOT response-
-   shortening, landed the enters IN-BAND — keep the 400ms clock, fix the curve. So
-   each register carries the FULL settle clock; the perceptual arrival is audacious
-   because the parity-fixed curve reaches ~90% by ~mid-clock, not a truncated timer.
-
-   ── The register table ──────────────────────────────────────────────────────
-   | register        | spring          | clock (settle) | scale-from | blur  | rise  |
-   |-----------------|-----------------|----------------|------------|-------|-------|
-   | enter-overlay   | snappy          | 0.44s          | 0.88       | 6px   | 0.5rem|  Dialog/Sheet/Popover — the .glass-reveal DEFAULT. Blur is the dominant overlay channel (MOTION-LADDER M4); t90 ~212ms/+3.2% (iOS 130-370ms materialize band).
-   | enter-menu      | smooth          | 0.35s (tight)  | 0.96       | 2px   | 0.5rem|  dropdown/select/combobox/command — the REFINED bounce (UF-G3) + "popover like the dropdown" homogeneity (UF-G2). t90 ~239ms/+0.2%.
-   | enter-tooltip   | ease-out-expo   | 0.2s (fastest) | 0.97       | 0     | 0     |  tooltip/hover-card — NO overshoot, fastest decelerating arrival (UF-G4 "tightened").
-   | enter-transient | transient       | 0.46s          | 0.5        | 8px   | 0     |  Toast + Notification — the gentle-class CENTER-SEED materialize bloom (MOTION-LADDER M5). NEW spring row (0.62, 0.90); t90 ~0.34s.
-
-   ── The exit register (M6 — tighten 200ms → 150/100ms) ──────────────────────
-   NAMED exit clocks on the no-overshoot `--ease-out` (P2: a closing surface must
-   never overshoot past gone). Minted as their OWN tokens, NOT a re-tune of the
-   shared `--duration-fast` (0.2s) — re-timing that would re-time everything, and
-   this closes the reveal.css comment-vs-value drift (the comment claimed ≤150ms
-   while `--duration-fast` = 0.2s). The `.glass-reveal` exit reads `--exit-overlay-
-   duration` by default; `[data-reveal="transient"]` swaps in the tighter transient
-   exit.
-
-   ── press / morph / cascade — NAMES over shipped recipes (zero paint change) ──
-   These registers are NAMED here for the doctrine (the motion canon's register
-   vocabulary), pointing at their ALREADY-SHIPPED source tokens — NO new token is
-   minted (a dead alias would trip the dead-token floor):
-     · press   → `--spring-press` (0.12s tap; useSpringPress + --glass-btn-press-t)
-     · morph   → `--spring-dock` / `--spring-dock-duration` (the dock box morph)
-     · cascade → the W-SCROLL-MOTION `.scroll-cascade` / `--scroll-cascade-*` recipe
-
-   ── PKT-2 spring-clock hole — the MARKING-PASS decision (recorded IN the table) ──
-   The value.js PKT-2 consumer surfaced a "spring-clock hole": press (0.12s tap) ↔
-   snappy (0.44s) with a ~0.3s-settle gap, framed as "mint a ~0.3s preset OR bless
-   snappy". DECISION: NEITHER new preset NOR bless-snappy. The ~0.3s-settle register
-   ALREADY EXISTS — `--spring-smooth` (0.35s, the SETTLE / enter-menu clock). A
-   press-adjacent consumer composes the existing register: the tap on `--spring-press`
-   (0.12s), the mid-settle on `--spring-smooth` (0.35s). Minting a 7th INTERACTIVE
-   preset for ONE value.js consumer fails the ≥2-consumer bar (presets-in-consumers);
-   "bless snappy" is rejected because 0.44s reads sluggish for a press-adjacent
-   interaction. (The `transient` 7th row IS minted — but for a DISTINCT need with ≥2
-   consumers: the enter-transient center-seed bloom, Toast + Notification.) */
-:root {
-    /* ── enter-overlay — the .glass-reveal DEFAULT (Dialog / Sheet / Popover) ── */
-    --enter-overlay-spring: var(--spring-snappy);
-    --enter-overlay-clock: var(--spring-snappy-duration);
-    --enter-overlay-scale: 0.88;
-    /* Blur is the dominant overlay channel (MOTION-LADDER M4) — 4px → 6px. */
-    --enter-overlay-blur: 6px;
-    --enter-overlay-slide: 0.5rem;
-
-    /* ── enter-menu — dropdown / select / combobox / command (UF-G2/UF-G3) ── */
-    --enter-menu-spring: var(--spring-smooth);
-    --enter-menu-clock: var(--spring-smooth-duration);
-    --enter-menu-scale: 0.96;
-    --enter-menu-blur: 2px;
-    --enter-menu-slide: 0.5rem;
-
-    /* ── enter-tooltip — tooltip / hover-card (UF-G4 — NO overshoot, fastest) ── */
-    --enter-tooltip-spring: var(--ease-out-expo);
-    --enter-tooltip-clock: var(--duration-fast);
-    --enter-tooltip-scale: 0.97;
-    --enter-tooltip-blur: 0px;
-    --enter-tooltip-slide: 0px;
-
-    /* ── enter-transient — Toast + Notification CENTER-SEED bloom (MOTION-LADDER M5) ── */
-    --enter-transient-spring: var(--spring-transient);
-    --enter-transient-clock: var(--spring-transient-duration);
-    /* The deep scale-from — a materialize bloom from ~half-size (not the near-no-op
-       overlay 0.88), so the surface reads as coalescing from its own seed. */
-    --enter-transient-scale: 0.5;
-    --enter-transient-blur: 8px;
-    /* Center-seed — no directional edge slide (it blooms from its own centre). */
-    --enter-transient-slide: 0px;
-
-    /* ── The NAMED exit clocks (M6 — tighten the reveal exit 200ms → 150/100ms) ── */
-    --exit-overlay-duration: 0.15s;
-    --exit-transient-duration: 0.1s;
-    /* The exit curve — the no-overshoot ease-out (P2: never overshoot past gone). */
-    --exit-curve: var(--ease-out);
-}

package/src/styles/tokens/offsets.css

@@ -1,142 +0,0 @@
-/* tokens/offsets.css
-   §9 animation offsets — hover-lift offsets, the layout tokens, the public
-   --fade-scroll-width ramp, the dock content-overflow caps, the chassis
-   max-block-size/mobile dial-reserve, the popover width, the panel inner-padding
-   rung, the chart geometry.
-   Carved (BB.W-CARVE3) from the former tokens/offsets-sizing.css §9/§10 split;
-   @import-ed by tokens.css at offsets-sizing's old cascade slot, immediately
-   before sizing.css — adjacent same-selector :root blocks resolve identically,
-   so the dist is byte-isomorphic. See docs/precepts/design-idioms.md
-   §cohesion-aware partials. */
-:root {
-    /* ═══════════════════════════════════════════════
-       §9  ANIMATION OFFSETS
-       ═══════════════════════════════════════════════ */
-    /* Hover lift offsets */
-    --lift-sm: -1px;
-    --lift-md: -2px;
-    --lift-lg: -4px;
-
-    /* Layout tokens */
-    /* BA.W-FADING-SCROLL — `--fade-scroll-width` is the public edge-fade ramp
-       width knob for `<FadingScroll>` (inheriting, retunable on any ancestor).
-       It superseded the scroll-BLIND `.scroll-fade-*` static masks' knob
-       `--mask-fade-width`, which retired in a CLEAN BREAK (no alias) at the
-       4.1.0 cut — BB.W-SCROLL-FADE-RETIRE — alongside the static utilities. */
-    --fade-scroll-width: 1rem;
-    /* J.W3.C — dock content overflow caps. When dock content exceeds
-       these dimensions, the inner `.dock-layers` (horizontal) /
-       `.glass-dock.vertical` (rail) container scrolls with a
-       `.scroll-fade-{x,y}` mask-fade so the boundary feathers rather
-       than cliffs. Defaults clamp to 80vw / 80vh capped at sensible
-       desktop widths; consumers override per-dock by setting either
-       token directly on a `.glass-dock` instance. User findings 1 + 5a. */
-    /* AX.W04 — `--dock-max-inline-size` is the canonical inline cap EVERY overflow
-       strategy reads: `overflow="scroll"` scrolls past it, and `overflow="wrap"`
-       wraps to N rows on the over-cap crossing (the dock shrink-wraps to content,
-       `max-inline-size` caps that intrinsic width at this token). The prior
-       `--dock-overflow-bp: 640px` viewport-breakpoint token (the magic-640
-       snap-back) is DELETED — the wrap is content-driven, not viewport-coupled, so
-       there is no breakpoint threshold to name. */
-    --dock-max-inline-size: min(80vw, 64rem);
-    --dock-max-block-size: min(80vh, 48rem);
-
-    /* AB.W1.T1 — chassis max-block-size guardrail.
-       Maximum block size a centred consumer-app card may consume while
-       preserving the inline dock footprint. The recipe subtracts the
-       consumer-owned `--dock-footer-space` (dock height + dock inset +
-       card-edge inset) and `--page-padding-top` from the dynamic viewport,
-       then takes one further rem of breathing room so the card never
-       butts the dock — the user mandate is `≥ 1rem visible gap above
-       dock`. Both consumer tokens carry safe fallbacks for callers that
-       have not declared them.
-
-       Consumers should shrink internal regions (meter, readout, timeline)
-       before falling back to scroll. This token is a guardrail against
-       chassis overflow, NOT a license to make the card scroll as the
-       default solution; clamp-first / no-scroll-first is the canon.
-       See DESIGN.md `## Chassis sizing — dock-adjusted viewport`. */
-    --chassis-max-block-size: calc(
-        100dvh
-        - var(--dock-footer-space, 5.75rem)
-        - var(--page-padding-top, 0rem)
-        - 1rem
-    );
-    /* R0G-2 (AO.W3/W4) — chassis mobile dial-reserve canon. instrument-
-       chassis.css's mobile breakpoint reserves the dial's final box from
-       frame 0 via these vars (with the same values as inline fallbacks, the
-       safety net). Token-first home so the vars resolve canonically. */
-    --instrument-dial-min-height-mobile: 24rem;
-    --instrument-dial-meter-reserve-mobile: minmax(0, 1fr);
-    /* BB.W-DESKTOP-RESERVE (B3) — the chassis WIDE-AXIS (desktop) dial reserve
-       canon, the complement of the mobile rung above. The mobile reflow
-       reserves the dial box from frame 0 via the rung above; the WIDE box axis
-       had NO library reserve, so on desktop a `1fr` meter row collapsed to its
-       pre-hydration intrinsic `<canvas>` size and grew on hydration, pushing
-       the results card + dock down (the measured desktop-1440 CLS the speedtest
-       App.vue interim authored a local `min-block-size` to cure). This rung is
-       the library home: the dial cell reserves its settled height from frame 0
-       on the wide axis, so the inner card mounts into an already-correct
-       envelope (CLS≈0, no post-hydration growth).
-
-       The default IS `--chassis-max-block-size` — the library's own
-       chassis-sizing guardrail (the dock-adjusted dynamic-viewport budget a
-       centred consumer card clamps to), a pure CSS calc that resolves at first
-       paint with NO JS. This is the DESKTOP DIAL: a consumer whose meter is a
-       different block-size retunes THIS token (the speedtest-specific value
-       stays in speedtest — presets-in-consumers). A consumer deletes its local
-       App.vue wide-axis interim once it consumes this rung. Both knobs are CSS
-       custom properties (token-first), the inline fallback in
-       instrument-chassis.css carries the contract if the token is unset. */
-    --instrument-dial-min-block-size-desktop: var(--chassis-max-block-size);
-
-    --max-width-input: 24rem;
-    --input-min-width-sm: 5rem;
-    /* AU.W8b.4 — canonical popover width (Combobox list + anchor). Lifts the
-       `w-[200px]` arbitrary-value wrap to the `w-popover` @theme utility. */
-    --popover-width: 200px;
-    /* AZ.R5-4 — the ONE panel inner-padding rung (the consumer-verified "the
-       popover/dropdown content reads TIGHT" finding). The floating-panel +
-       DropdownMenuContent recipes read THIS token for their inner pad instead of
-       the prior hand-set `p-1`/literal, so a consumer retunes every teleported
-       menu/panel surface from one override. The comfortable default is `0.375rem`
-       (a half-rung over the prior 0.25rem tight floor — comfortable both modes
-       without over-padding a dense menu list). BB.W-CARD-PAD — the dead
-       `--panel-padding-roomy` (1rem) is DELETED here (clean break, no alias): it
-       had ZERO `var(--panel-padding-roomy)` consumers (the prose-popover register
-       it claimed to back never read it — PopoverContent paints `p-4` directly), so
-       it was an orphan declaration the golden-padding cut prunes. */
-    --panel-padding:       0.375rem;
-
-    /* BC.W-OVERLAY-UNIFORM — the token-BACKING of the raw floating-overlay
-       literals (the token-beats-prop seam). Each defaults to the byte-identical
-       HEAD magnitude so a bare overlay is pixel-unchanged; a consumer retunes
-       EVERY overlay's min-width / max-block / tooltip type / select chevron from
-       ONE `:root` override (the uniformity payoff). These are token-backings of
-       EXISTING raw literals (`min-w-32` / `max-h-[60vh]` / tooltip `text-sm` /
-       chevron `opacity-50`) — NOT a new compositing register (the `surface` axis
-       + the φ `--overlay-pad-*` ladder are THREADED, not re-minted). */
-    /* `min-w-32` = 32 × 0.25rem = 8rem — the dropdown/select/context-menu min-width. */
-    --overlay-min-width: 8rem;
-    /* The collision-bounded max-block ceiling the dropdown (`max-h-[60vh]`) +
-       command list (`max-h-[300px]`) read. Defaults to 60vh — the viewport-
-       relative ceiling so a long menu scrolls inside the overlay rather than
-       running off-screen. (The Select precompiled `[data-slot="select-content"]`
-       max-height in select.css is the BA.W-EMISSION consumer-reach floor — KEPT,
-       not threaded here; see the census on-the-line row.) */
-    --overlay-max-block: 60vh;
-    /* The tooltip type rung — the golden quiet caption register (√φ ladder), the
-       token-backing of the bare `text-sm` on TooltipContent (the overlay share of
-       class 3). Defaults to `--type-caption` so the compact tooltip chip reads the
-       house caption scale; a consumer retunes the tooltip type from `:root`. */
-    --tooltip-text: var(--type-caption);
-    /* The Select trigger chevron opacity — the token-backing of the bare
-       `opacity-50` so a consumer retunes the affordance prominence from `:root`. */
-    --select-chevron-opacity: 0.5;
-
-    --chart-height-compact: 15rem;
-    --chart-height-default: 22.5rem;
-    --chart-height-large: 25rem;
-    --chart-margin: 1.25rem;
-    --paper-texture-size: 200px 200px;
-}

package/src/styles/tokens/on-glass-fg.css

@@ -1,39 +0,0 @@
-/* tokens/on-glass-fg.css
-   The surface-aware FOREGROUND register (BB.W-ON-GLASS-FG — N13). Carved out of
-   tokens/glass.css to keep that partial under the no-god-module bound; @import-ed
-   by tokens.css in cascade order AFTER glass.css (the rungs derive against the
-   glass-bg-quiet composite, so they must resolve after the §8 ladder). Same :root
-   cascade context as its sibling token partials.
-
-   A THREE-RUNG on-glass family whose contrast TARGET is the COMPOSITED content-
-   tier glass FILL, not the canvas. The glass-first MAXIMAL default (AX.W54) makes
-   a caption/well/track rendering over a TRANSLUCENT content plate the common case;
-   --muted-foreground (= --neutral-5, "AA vs page") collapses on its OWN surface
-   (the speedtest ask measured 1.15-3.29:1 in dark theme — the "whisper collapse").
-
-   This is the THIRD state the BA adaptive-glass seam never expressed (the SAME
-   --glass-tint-* cascade context, NOT a fork): (a) bright/darkened plate → full
-   ink (the @container bright bucket + the overlay band, shipped — glass/ladder.css);
-   (b) opaque canvas → page-muted (--neutral-5, kept); (c) THIS — calm translucent
-   glass plate → a register BETWEEN page-muted and full-ink (legible-AND-subordinate;
-   a caption stays quieter than body ink WHILE clearing AA on the composited plate).
-
-   The values are DERIVED against the LIBRARY composite (--card over --neutral-0
-   through --glass-bg-quiet at --glass-tint-strength-floor), warm-amber (the BA.W-
-   NO-GRAY identity, OKLab gray floor cleared at the warm hue) — NOT copied from
-   the slides deck.css §1 reference (the deck's NC-State-red warm-cream literals
-   hsl(24 6% 44%)/hsl(45 12% 64%) are a CONSUMER divergence; the library re-derives).
-   NO ppmycota/demo hue. The page-muted register (--muted-foreground/-strong) is
-   UNTOUCHED — the on-glass rungs are NET-NEW; the glass/ladder.css calm-tier rule
-   re-points --muted-foreground → these on the engaged plate, no per-site edit.
-
-   PLAIN PER-MODE ARM idiom (light here, dark in tokens/dark-arm.css) — NOT
-   light-dark(): the house pattern every explicit-color token follows (a re-
-   resolution under .dark, not a single-declaration light-dark() that an inset-
-   shadow downstream could collapse — the light-dark() inset-shadow trap). */
-:root {
-    --on-glass-muted:        hsl(30 26% 35%);   /* the muted caption rung over the composited cream plate (5.76:1 vs plate; darker than --neutral-5 L40) */
-    --on-glass-muted-strong: hsl(28 28% 28%);   /* the -strong secondary rung, one step more present (7.79:1 vs plate) */
-    --input-on-glass:        hsl(36 40% 92%);   /* the form-well fill over glass — grounded warm so the input TEXT (--foreground) reads against a stable base (14.9:1) */
-    --progress-track-on-glass: hsl(34 24% 84%); /* the recessed meter track over glass — a warm channel distinct from the fill silhouette */
-}

package/src/styles/tokens/property-regs-specular.css

@@ -1,160 +0,0 @@
-/* tokens/property-regs-specular.css
-   §11b the pointer-anchored moving-specular :root/.dark magnitude cohort + the interaction/scroll DRIVE @property registrations (glass-btn-press-t, the completion-seal draws, the native scroll-ramp / chrome-collapse customs).
-   Carved from property-regs.css to hold the no-god-module 500-line bound (BI.W-STYLE-REDRAIN); @import-ed by tokens.css IMMEDIATELY AFTER property-regs.css. Same :root cascade context as its sibling — the @property registrations are order-invariant and the specular-intensity :root/.dark cohort is the sole writer, so the relocation is byte-isomorphic. */
-/* ── The specular-intensity magnitude cohort (AX.W09) ──────────────────────
-   The catch-light alpha multiplier at each interaction state, as a SINGLE
-   overridable token cohort (was three buried literals across glass.css —
-   `0.35` rest floor / `0.6` hover / `0.85` active — and the `.dark` arm's
-   `0.22`). `glass.css`'s `.glass-material::before` rest/hover/active rules READ
-   these, so the subtle-vs-extreme magnitude is a knob a consumer (or the dark
-   arm) retunes ON THE CASCADE — never a re-buried literal. Override on `:root`
-   to retune library-wide; the cartoon-shadow override contract is the precedent.
-
-   Re-baselined AGAIN at AX.W52 D19 — with the central screen-disc replaced by a
-   BOUNDED plus-lighter edge gleam (glass.css), the gleam is a whisper at every
-   rung, so the cohort drops further (the W09 0.22/0.32 ceiling still lifted the
-   whole-tile disc on hover):
-     • rest   0    — static, unwired surfaces are CLEAN; the gleam wakes only on
-                     hover/active or on a pointer-wired surface. Aligns the painted
-                     rest with the @property `--specular-intensity { initial-value:
-                     0 }` dormancy.
-     • hover  0.10 — a whisper edge gleam, not a bloom.
-     • active 0.16 — the press whisper. */
-:root {
-    --glass-specular-intensity-rest: 0;
-    --glass-specular-intensity-hover: 0.1;
-    --glass-specular-intensity-active: 0.16;
-    /* BB.W-BUTTON-GLASS (d) — the BUTTON-SCOPED hover gleam bump. The lit glass
-       button should read a notch brighter at the grazing edge than the global
-       hover whisper (0.10). `.btn-glass` re-points its own
-       `--glass-specular-intensity-hover` to this knob (surfaces.css), so ONLY the
-       button lifts — the global cohort above is UNTOUCHED. A consumer retints the
-       button gleam from this ONE override. */
-    --glass-specular-btn-hover: 0.14;
-}
-
-/* Over the deep canvas `plus-lighter` still lifts, so the dark arm runs a touch
-   softer on the interaction rungs (rest already 0). */
-.dark {
-    --glass-specular-intensity-hover: 0.08;
-    --glass-specular-intensity-active: 0.12;
-    /* The button bump rides a touch softer in dark too (the dark hover is 0.08;
-       the button reads ~0.11, still a notch above the global whisper). */
-    --glass-specular-btn-hover: 0.11;
-}
-
-/* BB.W-BUTTON-GLASS (b)/(e) — the press DRIVE scalar. ONE typed 0..1 custom
-   property Button.vue writes off the `useSpringPress` spring (0 released → 1
-   pressed, with the ~5% overshoot the spring carries). It is the SINGLE drive the
-   press SQUISH (the `useLiquidFlex` reciprocal X/Y deform), the coupled specular/
-   brightness lift, and the optional `.glass-refract` lens-swell all read — the "one
-   drive, the glass deforms under press" read. Registered typed so a `transition`/
-   downstream `calc()` interpolates the VALUE (number), not the text. `inherits:
-   true` so the host-written value reaches the `.glass-material::before` pseudo +
-   the coupled rules. `initial-value: 0` so an unwired/SSR button is the static
-   rest frame (the no-JS CSS `.tap-squish` scale floor still presses). */
-@property --glass-btn-press-t {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0;
-}
-
-/* BC.W-AX-COMPLETION-SEAL — the 4 motion drives of the hero-scale earned-GOLD
-   completion seal (completion-seal.css consumes them). Registered typed so the
-   one-shot draw INTERPOLATES (a bare unregistered var() snaps; the §18 typed-property
-   idiom lets the engine animate the stroke-reveal / settle / glint). The seal is the
-   visual seal of the W-PHASE-PALETTE completion event — its ink reads the earned-gold
-   register; its glint composes the W-AX-METAL-GLOW catch-light. One-shot, PRM-gated,
-   compositor-only.
-
-   • --seal-draw (<percentage>) — the stroke-reveal extent (the stroke-dashoffset wipe
-     drive: 0% undrawn → 100% fully drawn). `inherits: false` (each seal owns its own
-     draw, the per-surface ownership of the specular/border-progress cohort — a sealed
-     parent must not push its draw onto a child seal). `initial-value: 100%` is the
-     SAFE fully-drawn resting seal: on a non-supporting engine (no @property) the seal
-     paints fully drawn, NEVER a blank — the editorial draw-on degrades to the finished
-     mark, never to nothing.
-
-   • --seal-scale (<number>) — the settle scale (the draw-on lands with a small spring
-     overshoot on the seal's own --spring-snappy/--spring-bouncy clock — the SPATIAL
-     leg, W-MOTION-CANON P2 enter-bouncy). `inherits: false` (per-seal). `initial-value:
-     1` is the resting settled scale.
-
-   • --seal-glint (<number>) — the gold catch-light intensity (the one-pass glint that
-     fires once on settle, reading --metal-glow-opacity from W-AX-METAL-GLOW — a glint,
-     not a loop). `inherits: false` (per-seal). `initial-value: 0` so an unwired seal is
-     un-glinting at rest (the calm floor; the glint wakes only on the draw).
-
-   • --seal-ink (<color>) — the seal stroke color. `inherits: true` (the cascading-scalar
-     idiom — a consumer scope re-inks the seal in lockstep with the completion register).
-     The @property `initial-value` MUST be a CONCRETE var-free <color> (the typed-property
-     rule: a registration fallback cannot be a var()), so it is the LITERAL light-gold
-     `oklch(0.751 0.147 84.2)` (scale-paper.css's `--gold` value) — the engine fallback
-     when no cascaded value exists. The RUNTIME cascade default is the TOKEN form the
-     recipe sets: `--seal-ink: var(--phase-complete-color, var(--color-gold))` — the
-     EARNED-gold completion register (Q2: gold is earned at completion, NEVER the running
-     phase spectrum). */
-@property --seal-draw {
-    syntax: "<percentage>";
-    inherits: false;
-    initial-value: 100%;
-}
-
-@property --seal-scale {
-    syntax: "<number>";
-    inherits: false;
-    initial-value: 1;
-}
-
-@property --seal-glint {
-    syntax: "<number>";
-    inherits: false;
-    initial-value: 0;
-}
-
-@property --seal-ink {
-    syntax: "<color>";
-    inherits: true;
-    initial-value: oklch(0.751 0.147 84.2);
-}
-
-/* BC.W-SCROLL-TRIGGER — the native scroll-ramp custom. The continuous 0..1 scroll
-   progress the `useScrollTrigger` reader exposes rides this registered custom on a
-   `supportsScrollTimeline()` engine: a `.scroll-progress`-style recipe writes it via
-   `animation-timeline: scroll(self)` so a consumer's CSS ramp (the BC.W-SCROLL-CHROME
-   shrink/opacity) reads `--scroll-t` with ZERO JS (the dual-path single-writer — the JS
-   `progress` ref attaches NOTHING on a supporting engine). `inherits: true` (the
-   cascading-scalar idiom — a scroll-driven ancestor exposes the ramp to descendant
-   chrome, the `--ui-scale`/`--glass-level` pattern), distinct from the per-element
-   non-inheriting specular/progress cohort. `initial-value: 0` is the safe resting ramp
-   (the unregistered fallback paints it; on a non-supporting engine the JS reader writes
-   `progress.value` and the consumer reads the ref, not this custom). The typed
-   `<number>` lets the engine interpolate the ramp rather than the textual rep (a bare
-   unregistered var() snaps — the `--border-progress-fill`/`--dock-morph-t` precedent). */
-@property --scroll-t {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0;
-}
-
-/* BC.W-SCROLL-CHROME — the floating-chrome COLLAPSE fraction. `--chrome-collapse-t`
-   is the 0..1 collapse scalar `useScrollChrome` ramps off the scroll reader's
-   direction + range (0 = fully expanded, 1 = fully collapsed). The `.scroll-chrome`
-   recipe (scroll-chrome.css) reads it for the COMPOSITOR shrink/quiet ramp:
-   `transform: scale()/translateY()` (the SPATIAL leg), `opacity` (bounded above a
-   never-invisible floor — the NN/g pale-fade trap forbidden), and the shadow LIFT as
-   content scrolls under (Apple "as text scrolls underneath, shadows become more
-   prominent"). It NEVER drives the resting `backdrop-filter` blur (the
-   W-DOCK-SHRINK-BLUR fence — the shrunken bar is crisp glass, not a blurry mess).
-   Registered typed so a bare `var()` INTERPOLATES the ramp rather than snapping (the
-   `--scroll-t`/`--dock-morph-t` precedent); `inherits: true` (the cascading-scalar
-   idiom — a scroll-driven ancestor exposes the collapse to descendant chrome, the
-   `--scroll-t`/`--glass-level` pattern, distinct from the per-element non-inheriting
-   specular cohort). `initial-value: 0` is the PERSISTENT rest (the iOS-27 default — a
-   bare chrome does NOT collapse; the unregistered fallback paints it too, so the
-   recipe is byte-identical to the expanded chrome when unwired). */
-@property --chrome-collapse-t {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0;
-}