@mkbabb/glass-ui 3.13.0 → 4.0.0

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

@@ -29,18 +29,28 @@
        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} /
@@ -48,15 +58,28 @@
        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%);
+    /* 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 +113,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. */
@@ -166,6 +202,69 @@
     --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);
+
+    /* 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%;
+
+    /* BA.W-DARK-MATERIAL scope 5 — the --surface-tint-* dark arm. 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 KEEPS the
+       in-srgb space (the AW.W26 fence — NEVER oklab) but 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). 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 brighter ink is a near-white warm (hsl(48 12% 96%)) so the
+       higher rungs read as genuine hairlines on the L16 card. */
+    --surface-tint-4:  color-mix(in srgb, hsl(48 12% 96%)  4%, transparent);
+    --surface-tint-6:  color-mix(in srgb, hsl(48 12% 96%)  6%, transparent);
+    --surface-tint-8:  color-mix(in srgb, hsl(48 12% 96%)  8%, transparent);
+    --surface-tint-10: color-mix(in srgb, hsl(48 12% 96%) 10%, transparent);
+    --surface-tint-12: color-mix(in srgb, hsl(48 12% 96%) 12%, transparent);
+    --surface-tint-15: color-mix(in srgb, hsl(48 12% 96%) 15%, transparent);
+    --surface-tint-18: color-mix(in srgb, hsl(48 12% 96%) 18%, transparent);
+    --surface-tint-22: color-mix(in srgb, hsl(48 12% 96%) 22%, transparent);
+    --surface-tint-25: color-mix(in srgb, hsl(48 12% 96%) 25%, transparent);
+    --surface-tint-35: color-mix(in srgb, hsl(48 12% 96%) 35%, transparent);
+    --surface-tint-40: color-mix(in srgb, hsl(48 12% 96%) 40%, transparent);
+    --surface-tint-70: color-mix(in srgb, hsl(48 12% 96%) 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 +295,14 @@
     --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);
 }
 

package/src/styles/tokens/glass.css

@@ -28,26 +28,36 @@
     /* 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. */
+       The resting blur sits at 10px so a glass plate reads as a diffusion
+       without consumer-side override.
+
+       BA.W-GLASS-CAL Unit 1 — the ladder dialed back ~15-20% UNIFORMLY (the
+       user's "a hair too much" over-diffusion): quiet 10→8, resting 12→10,
+       floating 16→13, overlay 15→13, dock 11→9; wash stays 1px (sub-perceptual).
+       The pull is proportional (it preserves tier separation) and keeps every
+       rung in the AV.W7-F2 8-15px band — the backdrop's structure reads a hair
+       more through the plate while the glass still reads unmistakably as glass.
+       The radius axis ONLY: `--glass-level` + every `saturate()`/`brightness()`
+       companion below are UNTOUCHED (the W-DARK-MATERIAL dark-recipe saturate/
+       brightness companions preserved — radius-only, the gate's B3 assert). */
     --glass-blur-wash-radius:     1px;
-    --glass-blur-quiet-radius:    10px;
-    --glass-blur-resting-radius:  12px;
-    --glass-blur-floating-radius: 16px;
+    --glass-blur-quiet-radius:    8px;
+    --glass-blur-resting-radius:  10px;
+    --glass-blur-floating-radius: 13px;
     /* 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
+       ceiling; BA.W-GLASS-CAL dialed the overlay rung to 13px (off 15) so the
+       whole ladder pulls back in proportion. A high-resolution display restores
+       a richer wash via the @media arm in light-dark.css — the cost is amortised
+       by the extra device pixels. */
+    --glass-blur-overlay-radius:  13px;
+    /* Dock blur radius — 9px (BA.W-GLASS-CAL, off 11), 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;
+    --glass-blur-dock-radius:     9px;
 
     /* 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 →
@@ -137,23 +147,50 @@
     --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);
+    /* Composed borders — foreground-tinted. BA.W-NO-GRAY L3 — the warm RIM
+       re-anchor (G9). The rim IS warm (it rides --foreground, hsl-24 warm ink),
+       but at 8-12% α over a near-white plate it was a near-invisible hairline —
+       the plate had no carved silhouette, reading as a borderless gray rectangle
+       (the user's "no gray ... for cards"). The α lifts a few points per rung so
+       the warm hairline CARVES the silhouette (the WWDC25 "rim that defines the
+       silhouette" device, on the warm-ink register). Still bounded low — the rim
+       is a whisper that defines the edge, never a hard rule. The source stays
+       --foreground (the warm-ink tint, NOT a new color); only the presence lifts. */
+    --glass-border-wash:     color-mix(in srgb, var(--foreground) 11%, transparent);
+    --glass-border-quiet:    color-mix(in srgb, var(--foreground) 13%, transparent);
+    --glass-border-resting:  color-mix(in srgb, var(--foreground) 16%, transparent);
+    --glass-border-floating: color-mix(in srgb, var(--foreground) 19%, transparent);
+    --glass-border-overlay:  color-mix(in srgb, var(--foreground) 22%, transparent);
+    --glass-border-dock:     color-mix(in srgb, var(--foreground) 14%, transparent);
     --glass-border:          var(--glass-border-quiet);
     --glass-border-strong:   var(--glass-border-floating);
 
+    /* ── The control REST register (BA.W-SURFACE-AXIS scope 7) ────────────────
+       ONE shared resting surface for the FORM family — Input/Textarea/Select/
+       Combobox/NumberField/TagsInput — so the whole control band is ONE material
+       at rest, not a per-control fork. Input rode the warm near-white `quiet`
+       glass register while Select rode the lighter `glass-wash` gray (live-probed
+       at R10 SM-3/NF-4: input `oklab(0.986)` near-white vs select `oklab(0.636)`
+       gray — the "no gray" bar at a control-family seam). The unified register
+       adopts the WARMER input rung (the no-gray choice); the per-control recipes
+       re-point to read these tokens, no per-control fork. The W-NO-GRAY warm floor
+       lands underneath in Batch 1b (it warms the VALUES); this register unifies
+       the TIER. The hover lift mixes the rest fill one step toward the resting
+       rung so a control brightens on hover in lockstep. */
+    --control-surface-bg:        var(--glass-bg-quiet);
+    --control-surface-border:    var(--glass-border-floating);
+    --control-surface-blur:      var(--glass-blur-quiet);
+    --control-surface-bg-hover:  color-mix(in oklab, var(--glass-bg-quiet), var(--glass-bg-resting) 35%);
+
     /* 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;
+    /* BA.W-GLASS-CAL — `--glass-grain-opacity-disco` (0.08) DELETED with the disco
+       recipe retirement (H2a): no surviving consumer once `btn-audacious` + the
+       dock-tab primary phase-grain collapse onto the calm glass register. */
     --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.25);
 
     /* Hairline-accent — 0.5px catch-light + under-shadow pair.
@@ -185,7 +222,13 @@
        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);
+    /* BA.W-DARK-MATERIAL scope 2 — the dark edge/rim is the PRIMARY silhouette device in
+       dark. The light register's fill+shadow carry the plate; in dark the fill barely
+       separates (the deep page is near-black), so the EDGE + the transmitted glow carry the
+       silhouette — two registers, one design language. HEAD α 0.10 sits below the reading
+       threshold over the deep canvas; lifted to 0.22 so the rim DEFINES the plate (the
+       WWDC25 "rim that defines the silhouette" device, dialed up for the dark substrate). */
+    --glass-edge-light-dark: inset 0 0 0 0.75px hsl(0 0% 100% / 0.22);
 
     /* AW.W23 — content-aware adaptive tint (the Baseline-2025 "tint informed by
        surrounding content" axis, WWDC25 sess. 219). A surface can tint toward a
@@ -260,6 +303,23 @@
        strengthening, not a silent re-tint below AA). The live π readback ratifies. */
     --glass-tint-strength-aa:   20%;
 
+    /* BA.W-DARK-MATERIAL scope 7 — the calm-light recalibration (R9-1; the slides gray-slab
+       fix). The AZ unconditional content-tier self-engage applied the full 20% AA darken to
+       EVERY .glass-card/.glass-resting/.glass-quiet/.glass-wash mode- and backdrop-agnostically
+       — over a plain LIGHT page (not a bright/busy backdrop) the 20% warm-ink darken + the
+       muted→ink lift composited the translucent cream card into a flat gray slab (the slides
+       presenter card: 20% → oklab(0.785) gray). The recalibration: the FULL AA darken is now
+       gated on the declared/sampled bright signal (the @container --glass-backdrop:light bucket /
+       the observer); the UNCONDITIONAL content-tier floor drops to this sub-perceptual SILHOUETTE
+       tint — just enough edge over a busy backdrop without graying a calm-light card (the
+       calm-light plate stays warm, L ≈ 0.94 at the slides-equivalent fixture). The overlay band
+       (.glass-floating/.glass-overlay) keeps the FULL unconditional darken (floating over an
+       UNKNOWN consumer surface, darkening is the correct default). A consumer opts out on a
+       light-page ancestor via --glass-tint-strength: 0%. Bounded > 0%, ≤ 10%. The DARK arm
+       re-tunes --glass-tint-strength-aa directly (dark-arm.css scope 3) — the luminous-dark lift
+       is the desired default there, NOT a sub-perceptual floor, so the floor is a light-mode knob. */
+    --glass-tint-strength-floor: 4%;
+
     /* R5-7 — the VEIL text-plate feather. The `veil-surface` decoration
        (cards.css) paints a borderless/rimless translucent glass plate as a LOCAL
        text-legibility surface over a busy backdrop; its `--veil-feather` axis is

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

@@ -22,14 +22,18 @@
 }
 
 /* AV.W7 F2 — high-resolution overlay-blur restore. On a 2dppx+ display the
-   richer 24px overlay wash is amortised by the extra device pixels (the blur
-   samples a denser backing store), so the design ceiling is restored where it
-   is affordable. Standard-density displays keep the 15px budget radius set in
-   §-1a `:root`. Token-only override — every overlay surface that reads
-   `--glass-blur-overlay-radius` inherits the restored value automatically. */
+   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: 24px;
+        --glass-blur-overlay-radius: 20px;
     }
 }
 
@@ -66,22 +70,38 @@
    ═══════════════════════════════════════════════ */
 @supports (color: light-dark(white, black)) {
     :root {
-        /* Neutral ladder — the source the var()-aliases track */
-        --neutral-0: light-dark(hsl(48 12% 98%), hsl(24 8% 6%));
-        --neutral-1: light-dark(hsl(48 10% 95%), hsl(24 6% 11%));
-        --neutral-2: light-dark(hsl(48  9% 90%), hsl(24 5% 16%));
-        --neutral-3: light-dark(hsl(48  8% 82%), hsl(24 5% 22%));
-        --neutral-4: light-dark(hsl(48  7% 70%), hsl(24 5% 34%));
-        --neutral-5: light-dark(hsl(48  6% 40%), hsl(48 5% 62%));
-        --neutral-6: light-dark(hsl(48  7% 30%), hsl(48 6% 72%));
+        /* 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 */
         --foreground:                 light-dark(hsl(24 10% 10%), hsl(48 10% 90%));
-        --card:                       light-dark(var(--neutral-0), hsl(24 8% 10%));
-        --popover:                    light-dark(var(--neutral-0), hsl(24 8% 10%));
-        --surface-public-data-panel:  light-dark(hsl(44 16% 96%), hsl(36 9% 12%));
-
-        --primary:                 light-dark(hsl(24 10% 10%), hsl(48 10% 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(36 48% 97%), hsl(24 8% 16%));
+        --popover:                    light-dark(hsl(36 48% 97%), hsl(24 8% 16%));
+        --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
@@ -154,5 +174,14 @@
         --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));
     }
 }

package/src/styles/tokens/offsets-sizing.css

@@ -12,6 +12,17 @@
     --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;
+       SegmentedTabs' `overflow="scroll"` strip overrides it to 0.5rem). It
+       SUPERSEDES `--mask-fade-width` (the scroll-BLIND `.scroll-fade-*` static
+       masks' knob). `--mask-fade-width` is RETIRE-COORDINATED: it survives this
+       wave because the static `.scroll-fade-*` utility blocks survive (so
+       W-CONFIG-CHASSIS's C2/C3 configurator columns still render mid-batch); it
+       retires in a CLEAN BREAK (no alias) at the orchestrator's Batch-2-close
+       commit alongside the static utilities, once C2/C3 have migrated onto the
+       primitive. */
+    --fade-scroll-width: 1rem;
     --mask-fade-width: 1rem;
     /* J.W3.C — dock content overflow caps. When dock content exceeds
        these dimensions, the inner `.dock-layers` (horizontal) /
@@ -362,6 +373,18 @@
        Consumers retune the rail-tab size via this one handle. */
     --dock-layer-tab-size: calc(1.75rem * var(--dock-scale));
 
+    /* BA.W-DOCK-SECTIONS — the divider-seam rail knobs.
+       `--dock-rail-extend-length` (declared in rail-extend.css) was RE-SEMANTICIZED:
+       it is no longer a one-way connector length but the SYMMETRIC per-side overrun of
+       the seam line (the line's cross-extent = dock extent + 2× the knob, centered on
+       the seam). `--dock-rail-retract-stub` is the residual protrusion FRACTION the
+       chips leave past the dock edge on collapse (the macOS fan-out "retract INTO the
+       rail leaving a slight protrusion"; 0 = fully retracted, 1 = no retract). The
+       `--dock-section-zone-gap` is the inter-control rhythm inside a <DockSection> zone
+       (defaults to the dock's own `--dock-gap`, so the section grouping adds no box). */
+    --dock-rail-retract-stub: 0.35;
+    --dock-section-zone-gap: var(--dock-gap, 0.25rem);
+
     /* Dock active-state ladder (O.W6 Lane B)
        Token-overridable active paint for `.dock-icon-button`. Promoted
        from hardcoded `background: var(--muted); color: var(--foreground)`
@@ -494,6 +517,45 @@
     --configurator-preset-row-weight: 0.625rem;           /* 10px — > a body row's 8px py-comfortable */
     --configurator-preset-row-gap: 0.5rem;                /*  8px — generous chip gap */
 
+    /* 3. The DIVIDER register — dark-adaptive (BA.W-CONFIG-CHASSIS.1 / CFG-4).
+       The section + inter-row dividers used to be inline `border-border/40` and
+       `border-border/30` Tailwind alphas; over the W-DARK-MATERIAL dark
+       `glass-floating` plate (a luminous transmissive material, --card L16) those
+       near-equal-luminance hairlines effectively VANISHED — "the sections run
+       together". This ONE token is consumed by every divider rule (the
+       <ConfiguratorLayer> section border, the dividers-prop inter-row border,
+       Configurator.vue's aside/preset/footer borders, configurator.css) so the
+       divider weight is retuned from a single override.
+
+       The dark-LIFTING arm is the load-bearing half: the divider must read on
+       BOTH plates. On LIGHT it is the resting `--border` warm-neutral at the
+       prior ~40% weight; on DARK it LIFTS off `--border` (L34 over the L16 plate
+       — too close) toward the `--foreground` warm-ink (L90) at a higher α, so a
+       visible luminance step survives the dark glass. `light-dark()` carries the
+       arm in ONE declaration (the same :root cascade context as the surface-tint
+       family; an engine without `light-dark()` falls back to the dark-arm.css
+       `.dark` floor minted in lockstep). The SECTION divider runs a touch
+       heavier than the inter-row hairline (a section reads as a section without
+       a second heading rung). */
+    --configurator-divider: light-dark(
+        color-mix(in srgb, var(--border) 55%, transparent),
+        color-mix(in srgb, var(--foreground) 22%, transparent)
+    );
+    --configurator-divider-section: light-dark(
+        color-mix(in srgb, var(--border) 70%, transparent),
+        color-mix(in srgb, var(--foreground) 30%, transparent)
+    );
+    /* The optional faint section-header tonal step — a whisper-light warm wash
+       behind a <ConfiguratorLayer> section so it reads as a grouped section
+       WITHOUT a new heading rung (within the W-HIERARCHY register). Default off
+       (transparent) on light where the hairline carries it; a faint
+       foreground-over-transparent lift on dark where the divider alone is
+       subtle. */
+    --configurator-section-tint: light-dark(
+        transparent,
+        color-mix(in srgb, var(--foreground) 3%, transparent)
+    );
+
     /* Component font override (consumers override locally) */
     --select-font: inherit;
 

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

@@ -30,10 +30,9 @@
      wrapper that reads it for a sympathetic tint (matches the
      `--phase-color` inheritance pattern).
 
-   • --ripple-radius (length) — the `btn-audacious` press ripple
-     radial. `inherits: false` because each button owns its own
-     ripple state (a hovered parent must not push a ripple-radius
-     onto a non-pressed child).
+   • --ripple-radius — RETIRED at BA.W-GLASS-CAL (H2a) with the disco recipe
+     family: the typed press-ripple was `btn-audacious`-private and has no
+     surviving consumer (the calm CTA register's press is the §6 scale beat).
    ═══════════════════════════════════════════════ */
 
 @property --progress-crescendo {
@@ -48,12 +47,6 @@
     initial-value: 0%;
 }
 
-@property --ripple-radius {
-    syntax: "<length>";
-    inherits: false;
-    initial-value: 0px;
-}
-
 /* ═══════════════════════════════════════════════
    §11b  POINTER-ANCHORED MOVING SPECULAR (AV.W15)
 

package/src/styles/tokens/scale-paper.css

@@ -51,6 +51,14 @@
        wants a whisper of squish, not a bounce. A consumer dials the elasticity
        (or to 1 for none) without touching source. */
     --tab-indicator-max-stretch: 1.08;
+    /* BA.W-TABS — the indicator's OWN travel clock, re-pointed off the generic
+       `--duration-normal` (0.3s, which dragged a ~190ms sub-pixel undershoot tail
+       past the ~100ms 90%-travel point — the R10-2 "too slow" read) onto the
+       CALIBRATED `--spring-snappy-duration` (the W-GLASS-CAL Unit 3 per-spring
+       2%-band envelope-settle clock for the snappy curve, ~0.34s). The glide +
+       squish both read this ONE clock so they cannot desync; consume, never
+       re-mint the spring-duration primitive (W-GLASS-CAL owns it). */
+    --tab-indicator-duration: var(--spring-snappy-duration);
     --opacity-disabled: 0.5;
     --opacity-icon-muted: 0.8;
 
@@ -92,6 +100,36 @@
     --color-gold-dark: var(--gold-dark);
     --color-gold-deep: var(--gold-deep);
 
+    /* ═══════════════════════════════════════════════
+       §13b SILVER (the structure metal — BA.W-ATLAS-RECONCILE C-3, d6 register C)
+       ═══════════════════════════════════════════════ */
+    /* The cool polished-steel STRUCTURE quad — gold's mirror for the industrial
+       housing register (the InstrumentChassis `variant="structure"` consumer #2).
+       Gold ships; the structure metal never did. The cascade EXACTLY mirrors gold's
+       (scale-paper raw → bridges `--color-silver*` alias → both dark arms).
+
+       BA.W-NO-GRAY NAMED EXCEPTION (the ONE sanctioned cool-neutral). W-NO-GRAY
+       moved the library's NEUTRAL ladder to a warm OKLab H~70° register (no gray).
+       Silver is DELIBERATELY COOL near-achromatic (hue ~255, the blue-steel of a
+       milled panel) — it is NOT a neutral, it is a brand METAL identity (like gold).
+       Calibrated AGAINST the new warm floor: the very-low chroma (C ≤ 0.016) reads
+       as polished metal, not a tinted cast, and the cool hue distinguishes it from
+       the warm-cream glass plate so the structure register reads as a DIFFERENT
+       material, not a desaturated default. Recorded as the warm-floor exception in
+       the W-ATLAS-RECONCILE DELTA. */
+    --silver: oklch(0.760 0.012 255);
+    --silver-light: oklch(0.902 0.010 255);
+    --silver-dark: oklch(0.582 0.014 255);
+    /* The mode-INVARIANT deep structure plate (mirrors `--gold-deep`'s contract —
+       a fixed dark cool-steel so a white label clears ≥4.5:1 in BOTH modes; it does
+       NOT flip with `--foreground`). The would-be saturated CTA twin of the metal. */
+    --silver-deep: oklch(0.462 0.016 258);
+
+    --color-silver: var(--silver);
+    --color-silver-light: var(--silver-light);
+    --color-silver-dark: var(--silver-dark);
+    --color-silver-deep: var(--silver-deep);
+
     /* ═══════════════════════════════════════════════
        §14 RAINBOW PALETTE — oklch (AV.W16 TW2; mode-independent, no .dark
        mirror; hue preserved from the prior hsl() cadence)
@@ -361,6 +399,11 @@
        per-surface re-point in dock-controls.css — the exact per-surface fork the
        doctrine kills. The re-point is now a DEAD byte-identical redeclaration and is
        DELETED; the ROOT token IS the doctrine register, so any other consumer of
-       `--dock-press-spring` inherits the correct smooth register. */
-    --dock-press-spring: var(--duration-fast) var(--spring-smooth);
+       `--dock-press-spring` inherits the correct smooth register.
+
+       BA.W-GLASS-CAL Unit 3 — the duration leg re-times off the generic
+       `--duration-fast` (0.2s) onto `--spring-smooth-duration` (0.36s, the
+       smooth spring's OWN 2%-band envelope settle), so the press transform plays
+       at its physical settle rather than a generic clock. */
+    --dock-press-spring: var(--spring-smooth-duration) var(--spring-smooth);
 }