@mkbabb/glass-ui 6.0.0 → 8.0.0

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

@@ -1,455 +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.
-
-   IDIOM-REVERSAL (BG.W-GLASS-BASIS-CONSOLIDATE, R16 MN-1) — one mechanism per
-   token TYPE. COLOR tokens: light-dark.css is the CANONICAL single source; the
-   `.dark {}` color values below are the fallback-floor LOCKSTEP WITNESSES —
-   they MUST byte-agree with the light-dark() dark arg, never a second value
-   (`proof:glass` clause DA1 reds a divergence). SHADOW / INSET /
-   inheritance-sensitive tokens (the rims, the specular, the cartoon/modal
-   shadows, the recess ink) are the PRIMARY residents here as plain `.dark {}`
-   arms — NEVER `light-dark()` (a `light-dark()` wrapping shadow fragments
-   computes the WHOLE box-shadow to `none`, the inset-shadow trap; `proof:glass`
-   DA2 reds a shadow-valued light-dark()). This SUPERSEDES the plain per-mode
-   pair idiom for COLOR tokens (the reversal is INTENTIONAL, recorded here).
-   ═══════════════════════════════════════════════ */
-.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. */
-    /* 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.
-       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. */
-    /* 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(26 22% 17%);
-    --popover: hsl(26 22% 17%);
-
-    /* R0G-5 (AO.W4) — dark mirror of the warm-neutral public-data panel.
-       --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%);
-
-    /* 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
-       @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%);
-    /* BG.W-DESHADCN — the dark arm of the renamed house focus-accent register
-       (off the shadcn `--ring` token; the value is byte-identical to the prior
-       dark `--ring` mid-tone). */
-    --focus-ring-color: hsl(48 10% 70%);
-    --shadow: hsl(0 0% 5%);
-
-    /* BG.W-DESHADCN — the `ai` label ink, dark arm (lifted off the light 0.55 to
-       clear the deep canvas; the plain per-mode pair). */
-    --accent-ai-ink: oklch(0.80 0.13 75);
-
-    /* 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);
-
-    /* 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. */
-
-    /* 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%);
-
-    /* BG.W-CARTOON-INK-GAMUT — the DRY-collapse. The dark `--cartoon-ink:` re-declaration
-       is DELETED — the `:root` in-gamut pin (shadow.css) cascades through the dark
-       `--foreground` directly. In dark, `--foreground` is near-cream (high L) so the
-       pin's `clamp(0.28, l, 0.34)` clamps L UP to its 0.34 ceiling — a warm-brown dark
-       sticker (the maroon `clamp(0.20, 1−l, 0.30) max(c, 0.11)` re-paste is retired; that
-       out-of-gamut chroma floor collapsed to `rgb(48,5,0)`, B=0). The dark pin resolves
-       ~rgb(65,54,38) at OKLab hue ~77° — warm brown (R>G>B>0) in the [45,85]° register.
-       ONLY the mode-correct alpha rungs (46/38/26% — a heavier ink for presence on the
-       dark ground than light's 32/26/18%) + the re-derived warm fallback stay here. */
-    --cartoon-ink-lead:    color-mix(in oklab, var(--cartoon-ink) 46%, transparent);
-    --cartoon-ink-mid:     color-mix(in oklab, var(--cartoon-ink) 38%, transparent);
-    --cartoon-ink-contact: color-mix(in oklab, var(--cartoon-ink) 26%, transparent);
-    /* Re-derived from the dark pin's RESOLVED sRGB at the dark `--foreground`
-       (`oklch(0.34 0.030 75°)` → ~rgb(65,54,38)); the old `#5a3f28` assumption is dropped
-       (the painted L floors below nominal — a warm-brown, never gray, never maroon). */
-    --cartoon-ink-fallback: #413626;
-
-    --shadow-cartoon:       -3px 3px 0px 0px var(--cartoon-ink-lead);
-    --shadow-cartoon-hover: -4px 4px 0px 0px var(--cartoon-ink-lead);
-    --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 var(--cartoon-ink-lead),
-        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;
-    /* ACCENT-edge skin — dark arm (AZ.W-CON-GEN G3). The floor stays 0 (the dark
-       ground already lifts the hairlines, so no perceptual-floor lift is needed); the
-       accent-incident multiplier runs a touch louder on the deeper ground so the
-       flagged-node tether reads (the 0.34 dark reference). */
-    --constellation-edge-floor:          0;
-    --constellation-edge-accent-alpha:   0.34;
-
-    /* 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;
-    --glass-opacity-floating: 0.88;
-    --glass-opacity-overlay:  0.96;
-    --glass-opacity-chassis:  0.36;
-    /* BC.W-DIALOG-GLASS — the dialog dark register lifts ~0.08 over the light arm
-       (0.68 → 0.76) for read-weight over the deep canvas, mirroring the dark opacity
-       ladder (it sits between dark `resting` 0.72 and `floating` 0.88 — see-through
-       but legible over the deep page). The SAME named token as the light arm, per-
-       mode; the composed `--glass-bg-dialog` (glass.css :root) re-resolves from it
-       automatically per mode. */
-    --glass-opacity-dialog:   0.76;
-    --glass-grain-opacity: 0.045;
-    /* BD.W-PAPER-MORPHISM — re-calibrated to the JND floor for the CORRECTED coarse
-       tooth + SCREEN blend (std ≥ 3.86 dark): screen on the ink pole BITES HARD so it
-       needs LESS alpha (the honest inversion the measurements force — the opacity
-       ladder light→dark 0.22→0.16 ≈ ×1/√φ, dark steps DOWN). Was 0.11 on the
-       self-cancelling soft-light arm. */
-    --paper-grain-opacity: 0.16;
-    --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08);
-
-    /* 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%;
-    /* BD.W-DOCK-CORE (D4) — the dark §2c dock-ink lockstep (the MIRROR of the light
-       darken). In dark the dock tint is a LIFT toward a luminous warm-cream (L 0.90,
-       C 0.045) — `oklch(from var(--foreground) …)` extracts the dark foreground's warm
-       hue/chroma and lifts L (the dark `--foreground` is the light cream, so this stays a
-       luminous lift). The dark `--glass-tint-strength-aa` stays 12% (FROZEN,
-       W-DARK-MATERIAL). The dock self-engage reads this dock-scoped ink in BOTH modes. */
-    --glass-tint-ink-dock: oklch(from var(--foreground) 0.90 0.045 h);
-    /* 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 (WCAG 7.52:1 / APCA |Lc| 61.7 vs the luminous-dark composited quiet plate; subordinate to --foreground — F2.R1 census witness) */
-    --on-glass-muted-strong: hsl(36 13% 81%);   /* the -strong rung, one step more present. RECALIBRATED at F2.R2 (paint re-open) from L78 → L81: the full-route re-run census found the BRIGHTEST on-glass mid-tone plate (the configurator preset-label glass-capsule, composited [100,85,68] L≈0.10) drove the -strong caption to WCAG 4.33 — below AA. L81 clears the whole census plate set (configurator 4.68 · shadow-stage 6.89 · texture-panel 6.47 · feedback-tone 6.74 · selected-chip 5.10) while STAYING subordinate to the L90 --foreground ink (L0.634 < L0.794). One register re-point, all -strong consumers lift in lockstep — the DRY register-level fix, NOT a per-site paste. */
-    --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 */
-
-    /* ── F2.R1 W-DARK-READABILITY-REPAIR — the card field-floor DARK ARM (A1) ──────
-       The BD.W-CARD-FIELD-FLOOR orphan fallback (cards.css) paints two amber radials
-       (oklch(0.96 0.04 78 / .5) + oklch(0.9 0.075 72 / .5)) SCREEN-blended on every
-       glass card with no `[data-paper-field]` ancestor — and it shipped NO dark arm,
-       so under `.dark` the near-white L≈0.9-0.96 stops paint at FULL strength + the
-       dark-arm `brightness()` backdrop lift compounds them into a hot in-card LAMP
-       (value.js card-lighting-forensics 2026-07-05, artifacts 1+3: the cream-label
-       hot-zone contrast collapsed to ~1.5-2.6:1). The dark arm collapses the two hot
-       SCREEN radials to ONE damped warm-DARK sink — oklch(L 0.34, warm hue 66, C
-       0.055 ABOVE the W-NO-GRAY strong gray floor 0.020) blended NORMAL (a warm
-       depth that SINKS into the deep plate, NEVER a screen lamp). The plate STAYS
-       dark, so the cream `--foreground` label reads WCAG ≥ 11:1 / APCA |Lc| ≥ 88 over
-       the hot zone (proven by the census), while the card keeps its warm-not-gray
-       identity (the card material `--glass-tint-strength: 8%` + the `--glass-rim-top`
-       0.40 catch carry the lit-glass read; the light-mode amber KEY is a light-mode
-       device). The 0-alpha stop is explicit `oklch(… / 0)`, NEVER bare `transparent`
-       (the WebKit black-premultiply hole, build-trap-(d)). The light default lives in
-       the cards.css var() fallback (this token unset in light → byte-identical light
-       paint). Machine-locked by `proof:glass` dark-legibility DL1. */
-    --card-field-floor-image:
-        radial-gradient(
-            120% 110% at 78% 22%,
-            oklch(0.34 0.055 66 / 0.35),
-            oklch(0.34 0.055 66 / 0) 72%
-        );
-    --card-field-floor-blend: normal;
-
-    /* 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);
-
-    /* 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);
-
-    /* BC.W-BLACK-BAR D2 — the DIRECTIONAL rim dark arm (plain per-mode pair, NEVER
-       light-dark() round an inset — MEMORY: the inset-shadow trap). The top
-       catch-light lifts to 0.40 (the dark plate's fill barely separates from the deep
-       page, so the rim is the PRIMARY silhouette device — dark glass glows where light
-       passes; mirrors the --glass-edge-light-dark 0.18→0.22 lift). The bottom warm
-       under-shadow holds at 6% — the shadow grounds the plate in BOTH modes. */
-    /* BD.W-GLASS-KEY-EDGE — the dark rim rides the SAME `--glass-key-{lit,shade}-{x,y}`
-       sign tokens (inherited from :root — not re-declared here) so the dark plate's
-       lit edge agrees with the cartoon cast's key in both modes. The top/lit catch
-       lifts to 0.40 (the dark silhouette device); the key-facing side stop a touch
-       brighter (0.24). The shade under-shadow holds warm at 6%/4%. */
-    --glass-rim-top:
-        inset 0 var(--glass-key-lit-y) 0 hsl(0 0% 100% / 0.40),
-        inset var(--glass-key-lit-x) 0 0 hsl(0 0% 100% / 0.24);
-    --glass-rim-bottom:
-        inset 0 var(--glass-key-shade-y) 0 color-mix(in srgb, var(--foreground) 6%, transparent),
-        inset var(--glass-key-shade-x) 0 0 color-mix(in srgb, var(--foreground) 4%, transparent);
-
-    /* BD.W-TAB-IOS-CAPSULE — the `.glass-capsule-track` recess ink, DARK arm (the
-       PLAIN per-mode pair's dark leg; the light arm is in `tokens/glass-fx.css`).
-       NEVER a `light-dark()` fragment (the inset-shadow trap). Deeper on the dark
-       canvas (11%) so the sunken well still reads against the near-black page. */
-    --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 11%, transparent);
-
-    /* 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);
-
-    /* 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

@@ -1,126 +0,0 @@
-/*
- * glass-deep.css — BG.W-DEEP-GLASS-DECIDE — the OPT-IN deep-glass token family.
- *
- * DEEP-GLASS-DECIDED: retired-at-16px-cost-0B-profile-budget-per-frame-blind
- *
- * ── THE TERMINAL VERDICT — the 5-tranche ride ENDS here (GA-7) ──────────────
- * The deep tier ships at 16px / saturate 1.8. The Apple `blur(20px)` push is NOT
- * "the successor" — it is DECIDED: 16px IS this substrate's blur ceiling, stated
- * as IDENTITY, not debt. The BB->BC->BD->BE->BF->BG ride TERMINATES. The recorded
- * number that fenced it:
- *   - `profile:budget` (the repo's ONLY committed budget gate) is BYTE-measuring:
- *     the 16->20px change is a 2-char CSS literal that gzip-compresses IDENTICALLY,
- *     so a 20px bump "clears" it at delta-0 bytes (dist/glass-ui.css gzip ~10.04
- *     kB, unmoved). That clearance is PER-FRAME-BLIND — it proves nothing about
- *     the deep blur's real cost, so landing 20px on it would be a green-over-broken
- *     close. The profile:budget number can NOT fence this decision.
- *   - The GENUINE per-frame fence is `proof:nested-backdrop-budget` — a LOCAL pi
- *     60fps/16.7ms frame-budget gate over the live nested-glass stack. `backdrop-
- *     filter: blur()` cost is super-linear in the radius past ~16px, and the deep
- *     tier renders over LIVE animated backdrops (the dock over aurora, the hero
- *     CTA) — the worst case for per-frame backdrop re-rasterization. No committed
- *     per-frame render-cost harness clears 20px on that surface.
- *   - The whole design trajectory dials blur DOWN: W-GLASS-CAL cut every calm rung
- *     ~15-20% (floating 16->13px) on the user's "a hair too much" over-diffusion
- *     call. 20px would push the deep tier BACK toward the diffusion the user
- *     rejected — wrong direction. The warm-cream light-concentration ceiling
- *     (AX.W52 D19 — a saturate/blur that over-juices a colored substrate reads as
- *     a garish smear) keeps 16px "just-rich" over warm-aurora.
- * So: 16px is the ceiling. The saturate ALREADY reached the Apple 1.8 ceiling
- * (BD.W-GLASS-ABROGATE-GRAY), so the deep tier IS at its design-language depth on
- * BOTH axes — deeper blur than calm floating (16>13px), richer saturate (1.8>1.6).
- *
- * ── The family shape ───────────────────────────────────────────────────────
- * A SEPARATE `--glass-blur-deep-*` token family ABOVE the W-GLASS-CAL calm
- * default. 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). §8-ladder partial
- * sibling of tokens/glass.css (kept OUT so glass.css stays under the 500-line
- * ratchet); @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 luminous-dark companion).
- *
- * ── 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.6   (W-GLASS-CAL dial-back)
- * glass-ui DEEP (ship):  16px / saturate 1.8       (STRICTLY deeper blur + richer
- *                        saturate; 16px is the DECIDED ceiling — see the verdict
- *                        above, IDENTITY not debt).
- */
-: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.
-                                          DECIDED CEILING (BG.W-DEEP-GLASS-DECIDE):
-                                          16px IS this substrate's blur ceiling —
-                                          IDENTITY, not debt. The 20px push is RETIRED
-                                          (per the header verdict), never a successor:
-                                          the per-frame cost is super-linear past ~16px
-                                          over the deep tier's live animated backdrops
-                                          + the W-GLASS-CAL dial-back is binding. */
-    --glass-saturate-deep:       1.8;  /* BD.W-GLASS-ABROGATE-GRAY — lifted 1.5→1.8 (the
-                                          apple.com nav ceiling) IN LOCKSTEP with FIX-D's
-                                          content/floating saturate lift, so the deep tier
-                                          STAYS the richest register (calm floating now 1.6;
-                                          deep must clear it). == --glass-saturate-deep-ceiling
-                                          (1.8 — at the bound, never over-shot, L4 holds). */
-    --glass-saturate-deep-ceiling: 1.8; /* the apple.com-nav saturate CEILING, BAKED as
-                                           the deep-tier load-bearing term (research/
-                                           apple-glass.md §4); the deep saturate never
-                                           exceeds it (the warm-cream identity bound). */
-
-    /* ── The deep LERP is COMPUTED AT THE CONSUMING `.glass-deep` ELEMENT, not here
-       (BG.W-GLASS-DEPTH-TIER freeze-fix) ────────────────────────────────────────
-       The deep blur/saturate LERP intermediates — `--glass-blur-deep-active-radius`,
-       `--glass-saturate-deep-active`, `--glass-blur-deep` — are NOT declared in this
-       `:root` block. They live on the `.glass-deep` rule (glass/deep.css). WHY: they
-       read `var(--glass-depth)` (AND `var(--glass-level)`), and BOTH are REGISTERED
-       `@property`s (property-regs.css §glass-level / §deep, `inherits: true`,
-       `initial-value: 1`). A `var()` reference to a REGISTERED custom property inside
-       ANOTHER custom property is eager-substituted with the referenced property's
-       COMPUTED value AT THE DECLARING ELEMENT (CSS Properties & Values API). Declared
-       here at `:root`, `--glass-depth` computes to its `@property` `initial-value` 1,
-       so the LERP would BAKE `calc(… * 1)` and inherit that FROZEN string down — every
-       deep surface would paint the depth-1 (16px / saturate 1.8) ceiling REGARDLESS of
-       its tier grade (the painted DEAD-KNOB the C18 dual-engine judge caught 2026-07-05:
-       a deep BUTTON read as thick as a deep MENU). The tier map (glass/deep.css
-       `:where()` rules) sets `--glass-depth` PER TIER on the base rung; the LERP must
-       therefore be declared on `.glass-deep` — the SAME element, at/below the tier-grade
-       site — so `var(--glass-depth)` resolves to the element's LIVE tier grade and the
-       ladder PAINTS (content ~14px < popover ~15px < menu 16px). Only the ENDPOINTS +
-       GRADES stay here (they are literals — no registered-`@property` read — so their
-       `:root` declaration is safe); the COMPOSITION moves to the consuming element. */
-
-    /* ── The tier-depth MAP — thickness tracks surface PROMINENCE (BG.W-GLASS-DEPTH-TIER) ──
-       iOS-27 grammar: larger glass = thicker material AUTOMATICALLY — a control
-       flexing into a menu GAINS depth as part of the morph (WWDC25). glass-ui's deep
-       tier was opt-in per class at a UNIFORM --glass-depth: 1, so thickness did NOT
-       track prominence (a deep button read as thick as a deep menu). This MAP grades
-       the ONE --glass-depth scalar onto the tier ladder: the more-prominent overlay/
-       menu rungs default a HIGHER depth than the content rungs, so ANY deep surface
-       resolves its thickness BY CONSTRUCTION — menu > popover > button.
-
-       ZERO new machinery: the deep recipe already LERPs blur+saturate on --glass-depth
-       (D1), so a grade is a pure per-rung DEFAULT of the EXISTING scalar — no new blur
-       family, no new @property, no new compositing seam. The three grades span the
-       decided deep band [depth 0 ≡ the calm floating 13px floor, depth 1 ≡ the 16px
-       Apple-deep ceiling], so a content-tier deep control still clears the calm
-       floating floor (depth > 0) while only the menu/overlay rung reaches the full
-       ceiling: content ~14px < popover ~15px < menu 16px, saturate 1.67 < 1.74 < 1.8.
-
-       The grades are NAMED (not magic literals) so a consumer retunes a WHOLE BAND
-       from ONE ancestor override (`--glass-depth-popover: …`) — the per-band twin of
-       the global `--glass-depth` ancestor dial; the tier rules (glass/deep.css) read
-       these, so the override cascades in. */
-    --glass-depth-content: 0.35; /* content/button deep (wash/quiet/resting base) — the
-                                    LEAST-prominent deep rung: ~14.05px / saturate ~1.67. */
-    --glass-depth-popover: 0.7;  /* popover/dialog/menu-content + Card deep (floating
-                                    base) — the mid rung: ~15.1px / saturate ~1.74. */
-    --glass-depth-menu:    1;    /* menu/modal (overlay base) — the MOST-prominent deep
-                                    rung, at the full Apple-deep ceiling (16px / 1.8);
-                                    == the resting --glass-depth initial-value. */
-}