@mkbabb/glass-ui 3.13.0 → 4.0.1

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

@@ -29,34 +29,67 @@
        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) */
+    /* BA.W-DARK-MATERIAL scope 1 — the luminous-dark elevation widen. The page floor
+       deepens (L6→L4, +1 warmth-sat) and the --card plate LIFTS (L10→L16, below) so the
+       page↔card gap goes from the HEAD 4-L collapse (card/page relL ≈ 2.0×, a 0.003-luma
+       band) to a real iOS/Material dark elevation step (card/page relL ≈ 5×, the five glass
+       rungs composite into a perceptible ladder). LOCKSTEP with light-dark.css:70/80.
+       BA.W-NO-GRAY — the WARM-CHROMA FLOOR dark arm, in LOCKSTEP with light-dark.css. The
+       dark neutrals warm off the achromatic hsl-24/48 onto the warm identity (hsl 28-36,
+       OKLab C off the gray floor on the NEW dark base — chip→border C 0.0138-0.0286, muted-fg
+       C 0.0255). The --neutral-0 page (hsl 24 9% 4%) is W-DARK-MATERIAL's luminance floor —
+       KEEP (chroma-only on the rungs above it). L held — the dark AA contract preserved. */
+    --neutral-0: hsl(24 9% 4%);    /* L 4  — page surface (dark, deepened — W-DARK-MATERIAL) */
+    --neutral-1: hsl(28 12% 11%);  /* L 11 — soft field (warm) */
+    --neutral-2: hsl(28 14% 16%);  /* L 16 — chip / tab-inactive (warm, C≈0.014) */
+    --neutral-3: hsl(30 18% 22%);  /* L 22 — hover / highlight (warm, C≈0.022) */
+    --neutral-4: hsl(30 16% 34%);  /* L 34 — subtle border (warm, C≈0.029) */
+    --neutral-5: hsl(34 14% 62%);  /* L 62 — muted text (warm, C≈0.026; WCAG AA: 7.64:1 vs page) */
     /* 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) */
+       (L90), the 1/3 point of the L62→L90 muted→primary gap. By-colour.
+       BA.W-NO-GRAY — re-saturated onto the warm identity (hsl 36 14% — OKLab
+       C≈0.019, warm). WCAG AA: 10.29:1 vs L4 page (cf. neutral-5's 7.64:1). */
+    --neutral-6: hsl(36 14% 72%);  /* L 72 — strong-muted text (secondary register, warm) */
 
     /* --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%);
+    /* BB.W-DARK-INK-WARM — the dark --foreground warmed off hsl(48 10% 90%) (OKLab H95.1°,
+       the EXACT yellow-green W-NO-GRAY condemned as "a cast, not warm material") onto the
+       no-gray warm identity hsl(30 14% 90%) (OKLab L0.926 C0.0063 H75.4° — the --foreground
+       56° warm-amber family, L held within ±0.001 of HEAD, chroma off the gray floor,
+       chroma-only at constant L). The contrast contract holds (the dark ink over the L4 page
+       stays ≥ the body floor). EVERY dark var(--foreground) consumer (body copy, the lifted
+       muted register, --glass-tint-ink, the cartoon shadow, the configurator divider, the
+       dock-selected-accent, the --surface-tint-* relative-color recipe below) re-resolves
+       warm in lockstep, zero per-site edit. LOCKSTEP light-dark.css:92 (the §2c discipline —
+       both mode arms warm together or the FOUC/enhancement split paints two inks). */
+    --foreground: hsl(30 14% 90%);
+    /* BA.W-DARK-MATERIAL scope 1 — the --card plate LIFTS L10→L16 (a warm-dark elevated
+       surface, macOS-window territory) so it sits ~5× the deepened L4 page relL — a
+       clearly distinct surface the five glass rungs ladder up from. LOCKSTEP light-dark.css:80. */
+    --card: hsl(24 8% 16%);
+    --popover: hsl(24 8% 16%);
 
     /* 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%);
+       --card's dark hsl(24 8% 16%) nudged one warmth step toward amber
+       (24→36) + +1 sat + +2 L so the dark dashboard panel lifts off the page.
+       BA.W-DARK-MATERIAL — re-anchored L12→L18 to stay ABOVE the lifted L16 card
+       (LOCKSTEP light-dark.css:82). */
+    --surface-public-data-panel: hsl(36 9% 18%);
 
-    --primary: hsl(48 10% 90%);
+    /* BA.W-DARK-MATERIAL scope 4 — the chromatic dark --primary. HEAD was an achromatic
+       cream hsl(48 10% 90%) (oklab chroma ≈ 0.005 — every filled/active/selected control
+       painted a flat pale-grey slab). Re-anchored onto the legendre-violet house identity
+       hue (--section-color-7 / --viz-legendre's oklch register — a LIBRARY-identity chroma,
+       NOT a borrowed demo preset), oklab chroma 0.134. The dark ink --primary-foreground
+       stays hsl(24 10% 10%): 7.15:1 over the violet (clears the 4.5 text + 3.0 graphic
+       floors). Critical now the disco/audacious texture retires (R8-18) — the accent's
+       COLOR carries the identity. LOCKSTEP light-dark.css:84. */
+    --primary: oklch(0.739 0.134 318.1);
     --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
@@ -90,6 +123,19 @@
     --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);
+
+    /* BA.W-CONFIG-CHASSIS.1 (CFG-4) — the `.dark` class fallback floor for the
+       configurator divider register, in LOCKSTEP with the `light-dark()`
+       enhancement arm minted in offsets-sizing.css (the dark halves). A
+       @supports-split engine (no `light-dark()`) and a class-toggle engine paint
+       the SAME lifted divider: off the L34 `--border` (too close to the L16
+       glass plate) toward the L90 `--foreground` warm-ink so a visible luminance
+       step survives the dark glass-floating surface. The SECTION divider runs
+       heavier than the inter-row hairline; the faint section tonal step is the
+       3% foreground wash. */
+    --configurator-divider: color-mix(in srgb, var(--foreground) 22%, transparent);
+    --configurator-divider-section: color-mix(in srgb, var(--foreground) 30%, transparent);
+    --configurator-section-tint: color-mix(in srgb, var(--foreground) 3%, transparent);
     /* --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. */
@@ -154,9 +200,14 @@
     --constellation-edge-floor:          0;
     --constellation-edge-accent-alpha:   0.34;
 
-    /* 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 + grain for dark — the per-tier canonical alpha, DARK arm
+       (BB.W-CARD-TIER-ALPHA). The SAME named `--glass-opacity-{tier}` register as
+       the light arm (tokens/glass.css), per-mode — the dark identity. 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. A
+       consumer reads these named tokens; a divergent register stays a consumer preset.
+       Machine-locked by `proof:card-tier-alpha` (the dark-arm-present + monotonic +
+       lift-over-light asserts). */
     --glass-opacity-wash:     0.38;
     --glass-opacity-quiet:    0.58;
     --glass-opacity-resting:  0.72;
@@ -166,6 +217,115 @@
     --glass-grain-opacity: 0.045;
     --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08);
 
+    /* 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. */
+    --glass-blur-wash:     blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(1.35) brightness(1.18);
+    --glass-blur-quiet:    blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(1.35) brightness(1.16);
+    --glass-blur-resting:  blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(1.30) brightness(1.14);
+    --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(1.28) brightness(1.10);
+    --glass-blur-overlay:  blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(1.22) brightness(1.06);
+    --glass-blur-dock:     blur(calc(var(--glass-blur-dock-radius) * var(--glass-level))) saturate(1.30) brightness(1.12);
+
+    /* 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);
+
+    /* BA.W-DARK-MATERIAL scope 3 — the dark arm of the adaptive --glass-tint-* seam (the
+       SAME seam, NO third fork). The W55 self-engage block (glass/ladder.css) re-points
+       --glass-tint-source → --glass-tint-ink at --glass-tint-strength-aa. In LIGHT that is
+       a darken-over-bright; in DARK --glass-tint-ink resolves the light-cream --foreground,
+       so the SAME re-point becomes a gentle LIFT toward a luminous translucent dark (the
+       MIRROR of the light darken — the plate lifts OFF the deep page rather than dying into
+       it). HEAD applied the light 20% strength in dark too (the wrong-direction over-wash —
+       it flattened the silhouette toward cream). The dark arm re-declares the BOUNDED
+       strength to a gentle luminous-dark lift (12%) — over-light's 20% is a light-mode
+       concern (the bright bucket never engages in dark — there is no white backdrop). The
+       --glass-tint-ink token stays var(--foreground) (the light cream is the correct LIFT
+       ink in dark); only the STRENGTH re-tunes. The unconditional content-tier floor
+       (--glass-tint-strength-floor, light-mode-calm) is NOT re-declared here — in dark the
+       self-engage uses the AA arm directly (the luminous-dark lift is the desired default,
+       not a sub-perceptual silhouette). */
+    --glass-tint-strength-aa: 12%;
+    /* The unconditional content-tier self-engage (glass/ladder.css) reads
+       --glass-tint-strength-floor. In LIGHT that is the 4% sub-perceptual silhouette (the
+       calm-light card stays warm); in DARK the content tiers WANT the full luminous-dark
+       lift as the default (the plate lifts off the deep page — the desired register, not a
+       sub-perceptual edge), so the floor re-resolves to the AA lift here. ONE token, two
+       mode arms — the content-tier self-engage needs no mode branch. */
+    --glass-tint-strength-floor: 12%;
+
+    /* BB.W-ON-GLASS-FG — the surface-aware FOREGROUND register, DARK arm (the N13
+       whisper collapse where it bites hardest). The dark page-muted --neutral-5 (L62,
+       "AA: 7.64:1 vs page") COLLAPSES over the lifted luminous-dark plate (the L16 card
+       at the 12% --glass-tint-strength-floor composites the bright backdrop UP — the
+       measured 1.15-3.29:1). The on-glass muted rung lifts BRIGHTER (the mirror of the
+       light arm's darkening) so it clears AA over the composited dark plate WHILE
+       staying subordinate to the L90 --foreground ink (the quiet-subordinate hierarchy
+       preserved — NOT a blanket lift to full ink, which the bright bucket already does).
+       Warm-amber (the BB.W-DARK-INK-WARM identity), NOT the slides deck hsl(45 …) literal
+       (the deck is the REFERENCE; the library re-derives against its own --card). The
+       light arm lives in tokens/glass.css (the plain per-mode pair — the house idiom). */
+    --on-glass-muted:        hsl(34 16% 72%);   /* brighter than the collapsed --neutral-5 L62 (6.63:1 vs the luminous-dark plate; subordinate to --foreground) */
+    --on-glass-muted-strong: hsl(36 14% 78%);   /* the -strong rung, one step more present (7.75:1 vs plate) */
+    --input-on-glass:        hsl(26 12% 22%);   /* the form-well fill — grounded warm-dark so the L90 input TEXT reads against a stable base (9.3:1) */
+    --progress-track-on-glass: hsl(28 14% 26%); /* the recessed meter track — a warm-dark channel distinct from the fill silhouette */
+
+    /* BA.W-DARK-MATERIAL scope 5 + BB.W-DARK-INK-WARM — the --surface-tint-* dark arm,
+       --foreground-DERIVED. The light family is color-mix(in srgb, var(--foreground) N%,
+       transparent) — over a near-black dark card a LIGHT-ink (dark --foreground IS light
+       cream) tint composites to near-black: the 9-rung chip/hairline/divider scale is
+       INVISIBLE in dark. The dark arm re-anchors the mix ink to a BRIGHTER warm off-white
+       so a chip/hairline LIFTS off the deep card (the inverse intent of light's dark-ink
+       tint). BA executed that intent as a hardcoded hsl(48 12% 96%) literal ×12 — at the
+       EXACT OKLab H95.1° yellow-green the SAME tranche's W-NO-GRAY ruled "a cast, not warm
+       material", AND a per-rung literal a --foreground re-point can never reach (the
+       architectural asymmetry with the light arm + the substitution-vs-redeclaration trap
+       at the token mint). BB re-expresses each rung as a oklch(from var(--foreground) 0.975
+       c h) RELATIVE-COLOR derivation: the recipe extracts the (now-warmed) dark --foreground's
+       warm hue + chroma and lifts the lightness to 0.975 (≈ HEAD's 0.973 ink L, so the chip
+       lift off the L16 card is preserved) — the ink CARRIES the --foreground's warm hue
+       (OKLab H75.4°) BY DERIVATION (re-point the dark ink → every rung re-resolves warm; a
+       future re-tune reaches all 12 from ONE --foreground edit — the symmetry the light arm
+       has had since L.W5). The OUTER mix STAYS color-mix(in srgb, … N%, transparent) — the
+       SAME 12-rung α ladder + the SAME in-srgb interpolation space the light arm uses (the
+       AW.W26 fence holds — the oklch(from …) is the INK SOURCE, not the tint mix space).
+       This re-resolves every --surface-tint-* consumer (chip backplates, the dock-rail
+       divider, the spine, the timeline dot) in lockstep, zero per-site edit. The 0.975 lift
+       sits well under the sRGB gamut edge (the AX css-relative-color book's "browsers don't
+       gamut-map yet" caveat does not bite — at 0.975 the small high-L chroma resolves clean;
+       lift→1.0 drifts the hue, so 0.975 is the calibrated pin). The css-relative-color
+       chronic's FIRST live consumer (the tolerant α-mix the AX book was waiting for). */
+    --surface-tint-4:  color-mix(in srgb, oklch(from var(--foreground) 0.975 c h)  4%, transparent);
+    --surface-tint-6:  color-mix(in srgb, oklch(from var(--foreground) 0.975 c h)  6%, transparent);
+    --surface-tint-8:  color-mix(in srgb, oklch(from var(--foreground) 0.975 c h)  8%, transparent);
+    --surface-tint-10: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 10%, transparent);
+    --surface-tint-12: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 12%, transparent);
+    --surface-tint-15: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 15%, transparent);
+    --surface-tint-18: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 18%, transparent);
+    --surface-tint-22: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 22%, transparent);
+    --surface-tint-25: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 25%, transparent);
+    --surface-tint-35: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 35%, transparent);
+    --surface-tint-40: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 40%, transparent);
+    --surface-tint-70: color-mix(in srgb, oklch(from var(--foreground) 0.975 c h) 70%, transparent);
+
     /* 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);
@@ -196,5 +356,25 @@
     --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);
+
+    /* Silver — lifted for dark (BA.W-ATLAS-RECONCILE C-3; mirrors gold's dark
+       arm: the polished metal lifts ~+0.03 L so the structure register reads on
+       the deep canvas. `--silver-deep` is mode-invariant — NOT re-declared here,
+       exactly as `--gold-deep` is omitted from this dark block). The cool hue
+       holds; the chroma stays near-achromatic. */
+    --silver: oklch(0.792 0.012 255);
+    --silver-light: oklch(0.912 0.010 255);
+    --silver-dark: oklch(0.648 0.014 255);
+
+    /* Bronze — lifted for dark (BB.W-METAL-SHIMMER; mirrors gold's dark arm: the
+       warm metal lifts ~+0.03 L so the bronze register reads on the deep canvas.
+       `--bronze-deep` is mode-invariant — NOT re-declared here, exactly as
+       `--gold-deep`/`--silver-deep` are omitted from this dark block). The warm hue
+       holds; the chroma stays above the W-NO-GRAY floor. The `.dark`-class fallback
+       for engines without `light-dark()` (the §2c lockstep — the light-dark arm AND
+       this dark fallback move TOGETHER). */
+    --bronze: oklch(0.650 0.090 54.0);
+    --bronze-light: oklch(0.790 0.110 60.0);
+    --bronze-dark: oklch(0.560 0.085 50.0);
 }
 

package/src/styles/tokens/glass-deep.css

@@ -0,0 +1,75 @@
+/*
+ * glass-deep.css — BB.W-DEEP-GLASS — the OPT-IN deep-glass token family.
+ *
+ * A SEPARATE `--glass-blur-deep-*` token family ABOVE the W-GLASS-CAL calm
+ * default (the Apple iOS-27 Liquid-Glass deep register: `saturate(1.8) blur(20px)`
+ * measured on Apple's live nav material; glass-ui lands the deep tier in the
+ * 14-20px band at a budget-clearing 16px + saturate 1.5). The calm content
+ * default is BYTE-UNTOUCHED — this family is minted ALONGSIDE the calm
+ * `--glass-blur-*` ladder (tokens/glass.css), which NEVER reads these tokens, so
+ * `proof:glass-cal` B1-B3 stay GREEN by construction (the calm default is the
+ * user's "a hair too much" call, INVIOLATE).
+ *
+ * This is the §8-ladder partial sibling of tokens/glass.css (kept OUT of glass.css
+ * so the ratchet-baselined glass.css stays at 505); @import-ed in tokens.css
+ * AFTER glass.css (the deep family resolves in the same :root cascade slot,
+ * adjacent same-selector blocks). The dark deep arm lives in tokens/dark-arm.css
+ * (the W-DARK-MATERIAL discipline — the luminous-dark companion beside the calm
+ * dark companions).
+ *
+ * ── The Apple-range derivation (DELTA cross-ref) ───────────────────────────
+ * Apple home nav:       saturate(1.8) blur(20px)  (the canonical measure)
+ * Apple product tiers:  blur(14-20px)             (the band)
+ * glass-ui calm ceiling: floating 13px / saturate 1.18  (W-GLASS-CAL dial-back)
+ * glass-ui DEEP:        16px / saturate 1.5        (STRICTLY deeper on BOTH axes,
+ *                       in-band, the budget-clearing landing — the full 20px is
+ *                       a BOOKED successor with the recorded throttle number).
+ * The deep saturate lands at the LOW end of the 1.5-1.8 band: the Apple 1.8 is
+ * measured over a NEUTRAL backdrop; glass-ui's deep tier sits over warm-aurora,
+ * and the warm-cream light-concentration ceiling (AX.W52 D19 — a saturate that
+ * over-juices a colored substrate reads as a garish smear) keeps it just-rich.
+ * The deepest BLUR carries the "more glass" read; the saturate stays restrained.
+ */
+:root {
+    /* The Apple-range deep ENDPOINTS — the radius + saturate the deep tier reaches
+       at full depth (`--glass-depth: 1`). The calm `floating` rung (13px / 1.18)
+       is the depth-0 floor; the deep recipe LERPs between the two on `--glass-depth`
+       so the axis is a genuine driver, not a literal. */
+    --glass-blur-deep-radius:    16px; /* in [14,20], STRICTLY > calm floating 13px */
+    --glass-saturate-deep:       1.5;  /* >= 1.5 (toward Apple 1.8), > calm floating 1.18 */
+
+    /* The deep blur RADIUS — LERPed from the calm floating radius (depth 0) to the
+       Apple-deep radius (depth 1) on `--glass-depth`, THEN scaled by the ONE
+       `--glass-level` clarity scalar (the W54 seam reaches the deep plate, so the
+       opaque escape + the a11y brackets compose: at `--glass-level: 0` the deep
+       blur resolves blur(0), the same solid floor). NOT a parallel recipe — the
+       deep blur COMPOSES `var(--glass-level)` exactly like every calm rung, and
+       reads `var(--glass-depth)` so a host dials the depth on any ancestor. */
+    --glass-blur-deep-active-radius:
+        calc(
+            (
+                var(--glass-blur-floating-radius)
+                + (var(--glass-blur-deep-radius) - var(--glass-blur-floating-radius))
+                * var(--glass-depth)
+            )
+            * var(--glass-level)
+        );
+    /* The deep SATURATE — LERPed from the calm floating saturate (1.18, depth 0)
+       to the deep saturate (depth 1) on `--glass-depth`. The saturate is the
+       light-concentration lift (chroma-only — it LIFTS the backdrop's existing
+       chroma, it does NOT inject a hue; the warm-cream `--card` base is the same). */
+    --glass-saturate-deep-active:
+        calc(
+            1.18 + (var(--glass-saturate-deep) - 1.18) * var(--glass-depth)
+        );
+
+    /* The composed deep backdrop-filter — the SEPARATE deep family. The calm
+       ladder never reads this; `.glass-deep` (glass/deep.css) is its only
+       consumer. The brightness companion mirrors the calm floating arm's
+       light-concentration (the calm floating carries saturate only; the deep
+       tier adds a small brightness lift for the thicker-glass read — still no
+       hue inject). */
+    --glass-blur-deep:
+        blur(var(--glass-blur-deep-active-radius))
+        saturate(var(--glass-saturate-deep-active));
+}