@mkbabb/glass-ui 3.10.1 → 3.11.1

package/dist/styles/tokens/dark-arm.css

@@ -1,194 +0,0 @@
-/* tokens/dark-arm.css
-   The .dark {} dark-mode re-resolution (foreground / shadow-color / section-palette / constellation dark arm). After light-dark.css (the non-light-dark() fallback floor).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-
-/* ═══════════════════════════════════════════════
-   DARK MODE — warm dark, section palette brightened ~20% L
-
-   FALLBACK FLOOR (AQ.W2 §2c): this class block is the SOLE non-light-dark()
-   dark path. On a `light-dark()`-supporting engine with `.dark` present,
-   `.dark { color-scheme: dark }` (§1) makes every §-1b token resolve to its
-   dark arm and these explicit dark values agree with it (kept as the floor
-   for non-supporting engines). The pure `var()`-alias re-declarations
-   (`--muted`/`--secondary`/`--accent`/`--border`/`--input`/… and the
-   `--background`/`*-foreground` aliases) are DELETED — they auto-track the
-   `--neutral-*` ladder + `--foreground` resolved above; only EXPLICIT-color
-   dark values (and the non-color overrides §2d) stay.
-   ═══════════════════════════════════════════════ */
-.dark {
-    /* §1 — hard-pin native chrome to dark regardless of OS preference. §4 —
-       re-specify the inherited `accent-color` so it re-resolves to the dark
-       arm (§2b: an inherited built-in <color> set at `:root` would freeze to
-       the light shade without this re-specification). */
-    color-scheme: dark;
-    accent-color: var(--accent-color);
-
-    /* Neutral scale mirrors light-mode pattern: step UP from the background's
-       low L toward foreground. Same perceptual deltas as light. FALLBACK
-       FLOOR — kept verbatim for non-light-dark() engines (§2c); on a
-       supporting engine `color-scheme: dark` (above) drives the §-1b
-       light-dark() arms and these agree. */
-    --neutral-0: hsl(24 8% 6%);    /* L 6  — page surface (dark) */
-    --neutral-1: hsl(24 6% 11%);   /* L 11 — soft field */
-    --neutral-2: hsl(24 5% 16%);   /* L 16 — chip / tab-inactive */
-    --neutral-3: hsl(24 5% 22%);   /* L 22 — hover / highlight */
-    --neutral-4: hsl(24 5% 34%);   /* L 34 — subtle border */
-    --neutral-5: hsl(48 5% 62%);   /* L 62 — muted text (WCAG AA: 7.39:1 vs L6 page / 6.58:1 vs L11 muted) */
-    /* W7-α' (AK-FD1) — strong-muted text. Same principled ladder step as
-       light, mirrored: 10 L LIGHTER than muted (62→72) toward --foreground
-       (L90), the 1/3 point of the L62→L90 muted→primary gap. By-colour; hue
-       48, sat nudged 5→6. WCAG AA: 9.86:1 vs L6 page / 8.78:1 vs L11 muted
-       (cf. neutral-5's 7.39:1). */
-    --neutral-6: hsl(48 6% 72%);   /* L 72 — strong-muted text (secondary register) */
-
-    /* --background / --card-foreground / --popover-foreground / --muted /
-       --muted-foreground{,-strong} / --secondary{,-foreground} /
-       --accent{,-foreground} / --border / --input are pure var()-aliases —
-       DELETED here (AQ.W2 §2a): they auto-track the --neutral-* ladder +
-       --foreground above. Re-declaring them would be redundant. */
-    --foreground: hsl(48 10% 90%);
-    --card: hsl(24 8% 10%);
-    --popover: hsl(24 8% 10%);
-
-    /* R0G-5 (AO.W4) — dark mirror of the warm-neutral public-data panel.
-       --card's dark hsl(24 8% 10%) nudged one warmth step toward amber
-       (24→36) + +1 sat + +2 L so the dark dashboard panel lifts off the page. */
-    --surface-public-data-panel: hsl(36 9% 12%);
-
-    --primary: hsl(48 10% 90%);
-    --primary-foreground: hsl(24 10% 10%);
-    /* AX.W44 — the `.dark` class fallback floor, in LOCKSTEP with the light-dark()
-       enhancement arm above (§2c). Same lifted `hsl(0 80% 60%)` so a
-       @supports-split engine and a class-toggle engine paint the SAME dark red
-       (4.60:1 as ink over --card / 5.03:1 as a plate vs page). */
-    --destructive: hsl(0 80% 60%);
-    --destructive-foreground: hsl(48 10% 90%);
-    --ring: hsl(48 10% 70%);
-    --shadow: hsl(0 0% 5%);
-
-    /* Section palette — brightened for dark backgrounds (oklch; AV.W16 TW2 —
-       mirrors the light-dark() dark halves above; hue preserved) */
-    --section-color-0:  oklch(0.721 0.145 354.0);
-    --section-color-1:  oklch(0.733 0.113 308.2);
-    --section-color-2:  oklch(0.718 0.107 268.4);
-    --section-color-3:  oklch(0.767 0.091 219.9);
-    --section-color-4:  oklch(0.776 0.105 172.6);
-    --section-color-5:  oklch(0.813 0.109 78.2);
-    --section-color-6:  oklch(0.693 0.151 28.1);
-    --section-color-7:  oklch(0.739 0.134 318.1);
-    --section-color-8:  oklch(0.709 0.142 2.3);
-    --section-color-9:  oklch(0.763 0.032 239.0);
-    --section-color-10: oklch(0.794 0.116 127.9);
-    --section-color-11: oklch(0.805 0.095 206.7);
-    --section-color-12: oklch(0.719 0.115 295.6);
-
-    --accent-pink: oklch(0.683 0.131 354.7);
-    --section-heading: oklch(0.711 0.123 349.3);
-    --accent-red: oklch(0.644 0.165 22.9);
-
-    --viz-fourier:   oklch(0.693 0.151 28.1);
-    --viz-chebyshev: oklch(0.718 0.107 268.4);
-    --viz-legendre:  oklch(0.739 0.134 318.1);
-    /* --viz-amber / --viz-green / --meter-track-stroke are pure var()-aliases
-       (→ --section-color-5/-4 / --foreground) — DELETED (§2a); they auto-track
-       their sources, which convert via §-1b. */
-
-    /* O.W6 Lane D — WCAG companion labels lift to L≈0.85 against the
-       deep dark canvas; same two-token discipline as light mode (canvas
-       hue preserved at `--chart-*`; only the label register shifts). */
-    --chart-ping-label:     oklch(0.85 0.12 230);
-    --chart-download-label: oklch(0.85 0.14 22);
-    --chart-upload-label:   oklch(0.85 0.12 55);
-    --chart-jitter-label:   oklch(0.85 0.14 305);
-
-    --tier-featured: oklch(0.867 0.165 88.7);
-    --tier-saved:    oklch(0.748 0.135 250.1);
-    --like:          oklch(0.690 0.162 22.2);
-    --success:       oklch(0.805 0.186 151.6);
-    --warning:       oklch(0.809 0.150 76.6);
-    --info:          oklch(0.713 0.138 259.5);
-    --delete:        oklch(0.644 0.170 23.1);
-
-    /* Semantic foregrounds — off-white over dark plates. Mirrors the
-       `--destructive-foreground` dark pattern (hsl 48 10% 90%). The warning
-       glyph stays dark-on-amber; the dark amber rung is luminous enough that
-       a darker glyph still reads (matches light-mode behaviour). */
-    --success-foreground: hsl(48 10% 96%);
-    --warning-foreground: hsl(24 10% 10%);
-    --info-foreground:    hsl(48 10% 96%);
-
-    --shadow-cartoon:       3px 3px 0px 0px color-mix(in srgb, var(--foreground) 6%, transparent);
-    --shadow-cartoon-hover: 4px 4px 0px 0px color-mix(in srgb, var(--foreground) 8%, transparent);
-    --shadow-soft:     0 4px 12px rgba(0, 0, 0, 0.3);
-    --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.35);
-    --shadow-modal:
-        4px 4px 0px 0px color-mix(in srgb, var(--foreground) 6%, transparent),
-        0 24px 64px color-mix(in srgb, var(--foreground) 18%, transparent);
-
-    --shadow-cartoon-color:            rgb(255 255 255 / 0.07);
-    --shadow-cartoon-color-soft:       rgb(255 255 255 / 0.03);
-
-    /* §5c CONSTELLATION — dark arm (AX.W17). The H.W4 dark-mode lift: the node
-       tones step UP off the ink ground (the light arm's mid-grey would vanish on
-       L6 black), the hairline goes warm off-white, the field carries a touch more
-       presence to read at all. PLAIN-hsl literals, NEVER light-dark()/var(). */
-    --constellation-node:      hsl(42 9% 72%);
-    --constellation-node-dim:  hsl(42 8% 56%);
-    --constellation-line:      hsl(45 12% 86%);
-    /* Anomaly — brightened for the deep canvas (same neutral-default register;
-       the consumer still overrides to its brand). */
-    --constellation-accent:    hsl(20 70% 60%);
-    /* The dark hairlines lift harder over the ink ground, so the edge multipliers
-       run a touch lower than light to keep the field recessive. */
-    --constellation-edge-alpha:          0.20;
-    --constellation-edge-focus-alpha:  0.32;
-    /* §7 — the ink ground needs MORE field presence than cream to read at all, so
-       the dark alpha is modestly HIGHER than the light arm — but still BELOW the
-       slides 1.0 max-legibility reference (the recessive midpoint, not 1.0). */
-    --constellation-alpha:               0.88;
-
-    /* Glass opacity + grain for dark — five-tier ladder, alpha-monotonic.
-       Each rung lifts ~0.08 from its light counterpart so the dark surfaces
-       carry comparable read-weight against the deeper canvas. */
-    --glass-opacity-wash:     0.38;
-    --glass-opacity-quiet:    0.58;
-    --glass-opacity-resting:  0.72;
-    --glass-opacity-floating: 0.88;
-    --glass-opacity-overlay:  0.96;
-    --glass-opacity-chassis:  0.36;
-    --glass-grain-opacity: 0.045;
-    --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08);
-
-    /* Hairline-accent dark mirror — see light counterpart at line ~404. */
-    --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.05);
-    --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.06);
-
-    /* Specular + curvature — softened for dark backdrops. Disco-grain stays
-       at the same opacity ceiling; the dark grain blend already lifts it. */
-    --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30);
-    /* AV.W15 M3 — the full-perimeter rim remaps to its dark weight inside
-       `.dark` (mirroring the `--glass-specular` remap above). The lit token
-       resolves to the `-dark` alpha on the deeper canvas. */
-    --glass-edge-light: var(--glass-edge-light-dark);
-
-    /* AW.W23 — the chromatic-fringe + adaptive-tint dark arm. The fringe drops
-       to a lower-luminance warm/cool pair on the deep canvas; `--glass-tint-
-       source` auto-flips with `--card` (no override needed — the default already
-       resolves the dark card). */
-    --glass-fringe-warm: oklch(0.78 0.07 40 / 0.18);
-    --glass-fringe-cool: oklch(0.74 0.06 230 / 0.14);
-    /* AX.W52 D19 — the curvature sheen is genuinely SOFTER on the deep canvas (the
-       prior dark arm re-declared the overlay BYTE-IDENTICAL to light, so it read
-       HARDER over the dark substrate — an unsoftened-dark defect). The `:root`
-       `--glass-curvature-overlay` already reads `var(--glass-curvature-intensity)`,
-       so lowering just the intensity here re-resolves the SAME warm-cream recipe at
-       a softer alpha — no byte-identical re-declaration. */
-    --glass-curvature-intensity: 0.012;
-
-    /* Gold — boosted for dark (oklch; AV.W16 TW2) */
-    --gold: oklch(0.784 0.143 86.0);
-    --gold-light: oklch(0.898 0.182 97.4);
-    --gold-dark: oklch(0.678 0.150 63.8);
-}
-

package/dist/styles/tokens/glass.css

@@ -1,413 +0,0 @@
-/* tokens/glass.css
-   §8 glassmorphism — the five-tier surface ladder (bg/blur/border/shadow rungs + the glass-level + tint axes).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-:root {
-    /* ═══════════════════════════════════════════════
-       §8  GLASSMORPHISM — Five-tier surface ladder (v0.8.0)
-
-       Tier semantics, alpha-monotonic:
-         wash      ~0.30α  + light blur      (was `subtle`)
-         quiet     ~0.50α  + medium blur     (the formerly missing rung)
-         resting   ~0.65α  + canonical blur  (was `default`; the speedtest plate)
-         floating  ~0.80α  + heavier blur    (was `elevated`)
-         overlay   ~0.95α  + heaviest blur   (NEW; modal-over-modal)
-
-       v0.8.0 retires the four-tier `subtle | default | medium | elevated`
-       ladder outright. No legacy aliases. Consumers migrate at the same
-       breaking change. R3-spec §A.
-       ═══════════════════════════════════════════════ */
-
-    /* Opacity primitives */
-    --glass-opacity-wash:     0.30;
-    --glass-opacity-quiet:    0.50;
-    --glass-opacity-resting:  0.65;
-    --glass-opacity-floating: 0.80;
-    --glass-opacity-overlay:  0.95;
-
-    /* Blur primitives. The radii here feather the dock + meter card to a
-       barely-perceptible diffusion that lets the substrate behind it bleed
-       through cleanly while keeping hero typography crisp at meter scale.
-       The resting blur sits at 12px so a glass plate reads as a diffusion
-       without consumer-side override. */
-    --glass-blur-wash-radius:     1px;
-    --glass-blur-quiet-radius:    10px;
-    --glass-blur-resting-radius:  12px;
-    --glass-blur-floating-radius: 16px;
-    /* AV.W7 F2 — clamped from 24px into the 8–15px budget band. A blur radius
-       past ~20px is exponentially costlier (`backdrop-filter` is glass-ui's most
-       expensive idiom — the radius is the dominant cost). 15px is the band
-       ceiling; the lower rungs (wash/quiet/resting 1/10/12) sit in-band and the
-       floating 16px is the design ceiling at the band edge (left as-is). A
-       high-resolution display restores the richer 24px wash via the @media arm
-       below — the cost is amortised by the extra device pixels. */
-    --glass-blur-overlay-radius:  15px;
-    /* Dock blur radius — 11px, paired with the 0.42 opacity below: a crisp
-       glass pill (the iOS Control Center register), not a feathered wash.
-       The dock composes `blur()` only (no saturate); the
-       `prefers-reduced-transparency` bracket at glass.css maps it to the
-       opacity-only register. */
-    --glass-blur-dock-radius:     11px;
-
-    /* AX.W54 — each blur radius is scaled by the ONE `--glass-level` scalar (in
-       lockstep with the opacity seam above): level=1 byte-identical; level=0 →
-       blur(0) (the clean solid floor with the opacity); level>1 → more diffusion.
-       The per-rung `saturate()`/`brightness()` companions are UNTOUCHED (the level
-       scales the RADIUS, not the saturation — W52's calm light-concentration). */
-    --glass-blur-wash:     blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(1.05);
-    /* AV.W15 M1 — the `quiet` rung gained `saturate(1.05) brightness(1.02)`
-       so the lower ladder reads with the same saturation life as `resting`+
-       (Apple: Liquid Glass concentrates light, it does not desaturate). The
-       `brightness(1.02)` is the small lift the spec names — it lands `quiet`
-       between bare `wash` and `resting` without over-brightening the rung.
-       The `prefers-reduced-transparency: reduce` bracket at glass.css maps
-       `--glass-blur-quiet: none`, so this whole chain drops with the blur. */
-    --glass-blur-quiet:    blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(1.05) brightness(1.02);
-    --glass-blur-resting:  blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(1.05);
-    /* AX.W52 D19 — the floating/overlay backdrop saturate tamed from 1.4/1.5 to a
-       gentle ~1.18/1.2 (real liquid glass concentrates light ~1.1–1.2×; the prior
-       1.4–1.5× over-juiced the bleed-through into a garish smear over a colored
-       substrate). wash/quiet/resting already sit at 1.05 — untouched. */
-    --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(1.18);
-    --glass-blur-overlay:  blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(1.2);
-    /* Dock blur composes blur() only — no saturate. */
-    --glass-blur-dock:     blur(calc(var(--glass-blur-dock-radius) * var(--glass-level)));
-
-    /* AX.W52 — the GLASS BUTTON blur. The `glass`/`glass-wash` button variants
-       compose the `.glass-wash` tier (`--glass-blur-wash` = blur(1px)) — a
-       sub-perceptual diffusion authored for a small detail TILE, not a button
-       the user reads as "glass." A button is a hero control: it wants a real
-       glass blur. `--glass-blur-btn` lifts the variant onto the `quiet`-tier
-       radius (10px — a genuine liquid-glass diffusion) with the same gentle
-       `saturate(1.05) brightness(1.02)` light-concentration the quiet rung
-       carries (NOT a colour-juice). The wash TILE tier (MetricCell et al.) keeps
-       its 1px — only the glass BUTTON variants reach for this. */
-    --glass-blur-btn:      blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(1.05) brightness(1.02);
-
-    /* Dock-specific opacity (0.42) — lighter than `resting` (0.65) so the dock
-       reads as a translucent overlay rather than a panel, backdrop bleed
-       visible through it. Consumed by `.glass-dock` via `--glass-bg-dock`. The
-       value holds the surface register against the tightened 11px blur so the
-       dock reads as painted chrome, not a frosted ghost. */
-    --glass-opacity-dock: 0.42;
-
-    /* Dock foreground over an animated backdrop. A dock floating over an
-       aurora/animated surface (`value.js` dock-over-aurora, a slides routed
-       control, bbnf) sits on a mid-luminance, shifting field where the muted
-       default fg can drop below contrast. This token is the dock control's
-       foreground base — a complete `hsl()` color consumed via `var()`; for the
-       muted icon weight the control mixes it down with `--opacity-icon-muted`.
-       Defaults to `var(--foreground)` so the dock paints byte-identically to
-       today; a consumer overrides it per-backdrop (e.g. a near-white over a
-       dark aurora) without touching library source.
-
-       AX.W55 — this is the FOREGROUND half of the adaptive story, now reconciled
-       INTO the `--glass-backdrop` probe (not a third fork): under the bright bucket
-       (`@container style(--glass-backdrop: light)` in dock.css) it re-points toward
-       the contrast-clearing ink, and an `@supports (color: contrast-color(…))`
-       block flips it natively on supporting engines. The `var(--foreground)`
-       default keeps the zero-delta rest state. */
-    --dock-fg-on-aurora: var(--foreground);
-
-    /* Chassis-specific opacity. Looser than `default` (0.50) so the
-       <InstrumentChassis> surface reads as glass-over-aurora at its
-       64rem-wide footprint; the default tier stays calibrated for cards.
-       Mirrors the dock-tier pattern (own opacity primitive + composed bg).
-       Light 0.28 sits in the gap between dock (0.32) and a hypothetical
-       wash tier; dark 0.36 mirrors the +0.08 step the dock takes from
-       `glass-bg-medium` (0.65) down to its own 0.32. */
-    --glass-opacity-chassis: 0.28;
-
-    /* Composed backgrounds — AX.W54: the opacity is threaded through the ONE
-       `--glass-level` clarity scalar. Each rung's effective alpha is
-       `1 - (1 - <rung-opacity>) * --glass-level`: at level=1 it collapses to the
-       hand-tuned `<rung-opacity>` (byte-identical); at level=0 it resolves `1`
-       (solid `--card` — the opaque escape); at level>1 it goes clearer. ONE
-       expression, the same seven rungs. */
-    --glass-bg-wash:     color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-wash)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-quiet:    color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-quiet)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-resting:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-resting)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-floating: color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-floating)) * var(--glass-level)) * 100%), transparent);
-    --glass-bg-overlay:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-overlay)) * var(--glass-level)) * 100%), transparent);
-    /* The dock bg ALSO rides the oklab tint seam (AX.W54 amendment): the same
-       `color-mix(in oklab, …, --glass-tint-source --glass-tint-strength)` wrapper
-       the rungs reach for, ZERO-delta at `--glass-tint-strength: 0%` — so W55's
-       adaptive darken can reach the dock (the G2 over-light surface) without a
-       second hand-rolled recipe. */
-    --glass-bg-dock:     color-mix(in oklab, color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-dock)) * var(--glass-level)) * 100%), transparent), var(--glass-tint-source) var(--glass-tint-strength));
-    --glass-bg-chassis:  color-mix(in srgb, var(--card) calc((1 - (1 - var(--glass-opacity-chassis)) * var(--glass-level)) * 100%), transparent);
-
-    /* Composed borders — foreground-tinted */
-    --glass-border-wash:     color-mix(in srgb, var(--foreground) 8%, transparent);
-    --glass-border-quiet:    color-mix(in srgb, var(--foreground) 10%, transparent);
-    --glass-border-resting:  color-mix(in srgb, var(--foreground) 12%, transparent);
-    --glass-border-floating: color-mix(in srgb, var(--foreground) 15%, transparent);
-    --glass-border-overlay:  color-mix(in srgb, var(--foreground) 18%, transparent);
-    --glass-border-dock:     color-mix(in srgb, var(--foreground) 11%, transparent);
-    --glass-border:          var(--glass-border-quiet);
-    --glass-border-strong:   var(--glass-border-floating);
-
-    /* Shared decorative. Light grain dropped 0.035 → 0.025 in P.W1.B —
-       at the chassis scale the original alpha read as crawl over the new
-       lower-alpha chassis bg; the grain's role is texture, not reading,
-       so it sits at the perceptual floor. Dark companion drops 0.06 →
-       0.045 below to keep the soft-light blend alive without stippling. */
-    --glass-grain-opacity: 0.025;
-    --glass-grain-opacity-disco: 0.08;
-    --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.25);
-
-    /* Hairline-accent — 0.5px catch-light + under-shadow pair.
-       Single token composes the canonical 2-stop hairline used by dock,
-       instrument-chassis. The `.hairline-accent` utility
-       (utilities.css §hairline) adopts these via `box-shadow:`. */
-    --hairline-catch-light: inset 0 0.5px 0 0 rgb(255 255 255 / 0.06);
-    --hairline-under-shadow: 0 0.5px 0 0 rgb(0 0 0 / 0.04);
-    --border-hairline: var(--hairline-catch-light), var(--hairline-under-shadow);
-
-    /* Specular catch-light — 1.5px-tall top-edge highlight that swaps in for
-       --glass-highlight on interactive moments (e.g. primary-action hover).
-       Reads as a real catch-light on a curved surface. The `-dark` companion
-       is overridden inside `.dark`; the named token here is the explicit
-       handle consumers can reference to compose dark-aware layers. */
-    --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.45);
-    --glass-specular-dark: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30);
-
-    /* AV.W15 M3 — Full-perimeter rim light (the "rim that defines the
-       silhouette", WWDC25 sess. 219). Distinct from the top-only
-       `--glass-highlight` (a 0.5px top-edge catch-light): this is a 0.75px
-       inset ring around the WHOLE silhouette, four edges, reading as the
-       catch-light that wraps the glass plate the way iOS-26 Liquid Glass
-       carries a rim, not just a top highlight. Composed as a SECOND inset
-       box-shadow layer alongside `--glass-highlight` on the floating/dock
-       tiers (glass.css wires it). The alpha is deliberately low (0.18 light
-       / 0.10 dark) — the rim is decoration and must not eat AA legibility
-       over a busy backdrop; it sits below the perceptual reading threshold
-       on text. The `-dark` companion is overridden inside `.dark` mirroring
-       the `--glass-specular-dark` precedent. */
-    --glass-edge-light:      inset 0 0 0 0.75px hsl(0 0% 100% / 0.18);
-    --glass-edge-light-dark: inset 0 0 0 0.75px hsl(0 0% 100% / 0.10);
-
-    /* AW.W23 — content-aware adaptive tint (the Baseline-2025 "tint informed by
-       surrounding content" axis, WWDC25 sess. 219). A surface can tint toward a
-       consumer-provided dominant backdrop color via a `color-mix(in oklab, …)`
-       recipe (oklab is the mwg-preferred space for tint generation; NEVER a
-       lightness-shift in `oklch(from …)` — browsers don't gamut-map yet).
-
-       DEFAULT is zero delta: `--glass-tint-source` is the warm-white card itself
-       and `--glass-tint-strength` is 0%, so the rung background mixes 0% toward
-       the source = byte-identical to today. A consumer sets `--glass-tint-source`
-       to a sampled aurora hue + a strength ≤30% to bias the surface. Alpha-safe:
-       the mix is bounded ≤30% and never re-points the card's own alpha.
-
-       AX.W55 — the DEFAULTS stay `var(--card)`/`0%` (the zero-delta rest state).
-       The backdrop-luminance probe (`--glass-backdrop`, below) is what OVERRIDES
-       them under a bright backdrop; the `:root` defaults are NEVER touched — the
-       bucket blocks (glass.css / dock.css `@container style(--glass-backdrop:
-       light)`) do the lift, so a surface over today's rich/dark background reads
-       byte-identical. */
-    --glass-tint-source:   var(--card);
-    --glass-tint-strength: 0%;
-
-    /* AX.W55 — adaptive glass legibility (the iOS-26/27 "locally darken the glass
-       over light content" move; G2). There is NO web API that reads the pixels
-       painted BEHIND a `backdrop-filter` element, so the backdrop-luminance signal
-       is a DECLARATIVE BUCKET a consumer sets where it KNOWS the backdrop is bright
-       (a near-white card surface, a pale aurora bleed, a bright data grid). It is
-       read by the `@container style(--glass-backdrop: light)` blocks on every glass
-       family (the shipped density-cascade mechanism — utilities.css §density) which
-       lift `--glass-tint-strength` toward the AA floor + re-point `--glass-tint-
-       source` to the warm-ink below, mixing the rung TOWARD ink via the EXISTING
-       `color-mix(in oklab)` seam — ZERO new compositing seam.
-
-         --glass-backdrop:      the bucket. `dark` (or unset) = today's zero-delta;
-                                `light` engages the bright-bucket darken. An
-                                INHERITING ident set on any ancestor reaches every
-                                descendant glass surface (the @container read).
-         --glass-backdrop-luma: the numeric escape hatch — a sampled backdrop
-                                relative-luminance (0..1) a heavier JS observer sets
-                                when the declarative bucket is too coarse. The TOKEN
-                                is minted (the cascade reads it if set); the OBSERVER
-                                that sets it stays demo-private until a 2nd consumer
-                                arrives (the no-overfitting bar — the DEFAULT path is
-                                the declarative bucket, not a speculative sampler).
-         --glass-tint-ink:      the LOW-LUMINANCE warm-ink the bright bucket re-points
-                                `--glass-tint-source` to — the warm dark `--foreground`
-                                family (NOT white; a lightener over light content is
-                                exactly the W52-fixed wrong direction). It auto-flips
-                                with `--foreground` (dark-mode it resolves the light
-                                warm ink — but the bright-backdrop case is a light-mode
-                                concern). Overridable like every magnitude here.
-
-       The bright-bucket `--glass-tint-strength` is clamped to a BOUNDED AA-clearing
-       floor — `--glass-tint-strength-aa` (≤24%, the iOS clamp; the lowest value that
-       clears 4.5:1 over synthetic white, capped LOW so the surface STAYS translucent,
-       "let as much content through as possible"). Recorded here as the ceiling the
-       bucket blocks drive to; the live 4.5:1 readback (proof:adaptive-glass π arm)
-       ratifies the exact value. */
-    --glass-backdrop:           dark;
-    --glass-backdrop-luma:      ;
-    --glass-tint-ink:           var(--foreground);
-    --glass-tint-strength-aa:   18%;
-
-    /* AW.W23 — chromatic edge dispersion (the "polished glass" rim fringe Apple
-       shows). A warm fringe on one edge + a cool fringe on the other, low-alpha,
-       biased warm-cream/NCSU-red (NOT iOS-blue). Composed OVER the W22 uniform
-       rim under `prefers-reduced-transparency: no-preference`; dropped under
-       `reduce` (it is a transparency garnish). The two directional inset rings
-       read as light refracting through the glass edge. */
-    --glass-fringe-warm: oklch(0.92 0.06 40 / 0.22);
-    --glass-fringe-cool: oklch(0.90 0.05 230 / 0.16);
-    --glass-edge-dispersion:
-        inset 0.75px 0 0 0 var(--glass-fringe-warm),
-        inset -0.75px 0 0 0 var(--glass-fringe-cool);
-
-    /* AX.W52 D19 — the moving-specular gleam radius (glass.css `.glass-material::
-       before`). The ONE knob that BOUNDS the gleam geometry as a percentage of the
-       plate so it can NEVER again become a whole-surface disc (the prior implicit
-       `circle at …` ran its stops to 55–75% of the half-diagonal — a wash on a
-       small tile). 36% reads as a tracked edge glint. Override on `:root` to retune
-       library-wide; a per-surface override clips the gleam tighter/wider. */
-    --glass-specular-size: 36%;
-
-    /* Chassis curvature illusion — a subtle radial gradient at the chassis
-       top centre that lifts the surface without committing to literal 3D.
-       Composed into <InstrumentChassis>'s background stack. AX.W52 D19 — the
-       prior pure-white `hsl(0 0% 100% / 0.06)` reaching `transparent 60%` was a
-       broad top-centre WASH (the #1 fixed-anchor rest-bloom culprit). Re-derived
-       onto the warm-cream house identity (`hsl(40 30% 96%)`, L < 100% so the warm
-       hue survives — mirroring the moving gleam), the alpha routed through the
-       SINGLE overridable `--glass-curvature-intensity` knob (0.02 default, a third
-       of the old 0.06), and the ellipse tightened to `transparent 38%` so it reads
-       as a thin top-edge sheen, not a central wash. */
-    --glass-curvature-intensity: 0.02;
-    --glass-curvature-overlay: radial-gradient(
-        ellipse at 50% -20%,
-        hsl(40 30% 96% / var(--glass-curvature-intensity)),
-        transparent 38%
-    );
-    /* The light-arm dark alias kept on the same warm-cream + token recipe so a
-       non-`.dark` consumer reading `…-overlay-dark` still resolves a softened
-       sheen; the `.dark` block below lowers `--glass-curvature-intensity` so the
-       deep-canvas arm is genuinely softer (the prior byte-identical dark arm read
-       HARDER over the dark canvas). */
-    --glass-curvature-overlay-dark: var(--glass-curvature-overlay);
-
-    /* Chart palette aliases — speedtest et al. read these for phase tinting.
-       Defaults map to viz-basis hues; consumers can override per app. */
-    --chart-ping:     var(--viz-chebyshev);
-    --chart-download: var(--viz-fourier);
-    --chart-upload:   var(--viz-amber);
-    --chart-jitter:   var(--viz-legendre);
-
-    /* O.W6 Lane D — WCAG companion `--chart-{phase}-label` tokens
-       (speedtest AC.W6c.T2 — F1.V-04 closure).
-
-       The canvas-side hues above preserve their saturated brand register
-       (correct against the meter dial); the COMPANION tokens darken to
-       L≈0.40 so phase-label text on `--background` clears the WCAG 2.1
-       AA-body 4.5:1 contrast floor. Mirrors the two-token discipline
-       already established by `--meter-{background-color,track-stroke}`:
-       one token feeds the canvas/visual, the second feeds the label
-       text.
-
-       Light-mode L≈0.40 in OKLCH preserves the hue rotation while
-       dropping luminance enough for body contrast; dark-mode flips to
-       L≈0.85 against the dark canvas. Consumers reach these via
-       `color: var(--chart-ping-label)` (etc.) on label elements ONLY —
-       chart strokes/fills continue to read `--chart-ping`. */
-    --chart-ping-label:     oklch(0.40 0.18 230);
-    --chart-download-label: oklch(0.40 0.20 22);
-    --chart-upload-label:   oklch(0.40 0.16 55);
-    --chart-jitter-label:   oklch(0.40 0.20 305);
-
-    /* O.W6 Lane D — Meter track stroke (speedtest AC.W6c.T3 — F1.V-02
-       closure). Promoted from speedtest's consumer-side declaration so
-       glass-ui owns the canonical light + dark values. The light-mode
-       value reads opaque foreground (composes through canvas
-       `globalAlpha` in consumer renderers; e.g., speedtest's `rings.ts`
-       `globalAlpha = 0.22` lands the phantom-track at the perceptual
-       sweet-spot). The dark-mode companion lives under `.dark` below
-       and ALSO reads `var(--foreground)` — the prior speedtest value
-       `var(--background)` rendered bg-on-bg invisible at dark mode. */
-    --meter-track-stroke: var(--foreground);
-
-    /* Shadow per tier — complete box-shadow lists for glass surface classes */
-    --glass-shadow-wash:     var(--shadow-sm), var(--glass-highlight);
-    --glass-shadow-quiet:    var(--shadow-md), var(--glass-highlight);
-    --glass-shadow-resting:  var(--shadow-lg), var(--glass-highlight);
-    --glass-shadow-floating: var(--shadow-xl),
-        0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 5%, transparent),
-        var(--glass-highlight);
-    --glass-shadow-overlay:  var(--shadow-2xl),
-        0 0 0 0.5px color-mix(in srgb, var(--shadow-color) 8%, transparent),
-        var(--glass-highlight);
-    --glass-shadow:    var(--glass-shadow-quiet);
-    --glass-shadow-lg: var(--glass-shadow-floating);
-
-    /* ─────────────────────────────────────────────────────────────
-       AL-W1-α augmented — SPINE 8th tier (HOUSING register)
-
-       Closes the AK W2 chassis-spine architectural underclaim per
-       AL-X5 §4.1. The spine register is a polished SLEEVE, not glass:
-       NO backdrop-filter, NO plate opacity, hairline outer stroke,
-       interior radial vignette that subtly carries the phase-color
-       cascade. Consumed exclusively by `<InstrumentChassis variant="spine">`
-       at App-level mount paths (quiet-content routes).
-
-       The 4 tokens here cover the minimum viable substrate the SLIM
-       Y4/Y6/Y7 retention set ratified. The 35 rejected axes (saturate
-       band, edge-light per tier, depth-shadow per tier, tier-up macro)
-       stay rejected per the conservative-creation mandate.
-       ───────────────────────────────────────────────────────────── */
-    --glass-spine-opacity: 0;
-    --glass-spine-blur: 0px;
-    --glass-spine-border: var(--surface-tint-8);
-    --glass-spine-vignette: radial-gradient(
-        ellipse at 50% 0%,
-        color-mix(in oklab, var(--phase-color, var(--surface-tint-8)) 8%, transparent),
-        transparent 60%
-    );
-
-    /* ─────────────────────────────────────────────────────────────
-       AL-W10 SLIM — UNDER-SHADOW recipe rungs
-
-       Per AL-X5 §4 + Y7 §3. iOS Liquid Glass surfaces carry a 0.5px
-       dark hairline along the bottom edge (reads as under-shadow /
-       glass thickness). The substrate `--hairline-under-shadow`
-       already publishes one quiet rung; the four-rung ladder here
-       names the SLIM retention set (Y4 §3.2 / Y6 §4.3) — `quiet`,
-       `default`, `vivid`, `spine` cover the consumer landings without
-       multiplying tokens per tier. The 3 hand-rolled literals at
-       `instrument-chassis.css:52`, `dock.css:279`, `dock.css:952`
-       retire to these.
-
-       Composes as a NON-INSET box-shadow layer alongside the existing
-       `--glass-shadow-*` recipe (the inset under-shadow stays at the
-       hand-rolled literal where it's load-bearing on chassis-internal
-       surfaces).
-       ───────────────────────────────────────────────────────────── */
-    --glass-under-shadow-quiet:   0 2px 8px -1px oklch(0 0 0 / 0.04);
-    --glass-under-shadow-default: 0 4px 16px -2px oklch(0 0 0 / 0.08);
-    --glass-under-shadow-vivid:   0 8px 32px -4px oklch(0 0 0 / 0.12);
-    --glass-under-shadow-spine:   0 1px 0 0 oklch(0 0 0 / 0.06);
-
-    /* Overlay scrim rungs — substrate-aware modal/dialog backdrop tints.
-       Three weights cover the deployed range: dialog-scroll (subtle),
-       canonical modal (default), drawer/full-cover (strong).
-
-       AY.W-PRIM-POLISH D3 — the scrim is its OWN identity token, NOT derived
-       from `--shadow-color`. A scrim's role is to RECEDE: it must pin to INK in
-       BOTH modes. The cartoon-shadow family rides `--shadow-color: var(--foreground)`
-       (correct — a shadow re-tints under `.dark` by construction), but a scrim
-       that does the same FLOODS the dark room with a cream fog (the old dark
-       overlay painted `srgb(0.91… / 0.5)`, a near-white wash that BRIGHTENED the
-       page at the modal moment). `--overlay-scrim-ink` is a fixed warm near-black
-       (the light-mode `--foreground` value), re-resolved verbatim in `.dark` so
-       the scrim recedes in both modes. Clean break, no alias (no-backwards-compat).
-       The `--shadow-color` / `--shadow-cartoon-*` family is UNTOUCHED. */
-    --overlay-scrim-ink:     hsl(24 10% 10%);
-    --overlay-scrim:         color-mix(in srgb, var(--overlay-scrim-ink) 50%, transparent);
-    --overlay-scrim-strong:  color-mix(in srgb, var(--overlay-scrim-ink) 80%, transparent);
-    --overlay-scrim-subtle:  color-mix(in srgb, var(--overlay-scrim-ink) 40%, transparent);
-
-}