@mkbabb/glass-ui 4.1.0 → 5.0.0

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

@@ -1,413 +1 @@
-/* tokens/dark-arm.css
-   The .dark {} dark-mode re-resolution (foreground / shadow-color / section-palette / constellation dark arm). After light-dark.css (the non-light-dark() fallback floor).
-   Carved from the tokens.css cascade root; @import-ed by tokens.css in
-   cascade order. Same :root cascade context as its siblings. */
-
-/* ═══════════════════════════════════════════════
-   DARK MODE — warm dark, section palette brightened ~20% L
-
-   FALLBACK FLOOR (AQ.W2 §2c): this class block is the SOLE non-light-dark()
-   dark path. On a `light-dark()`-supporting engine with `.dark` present,
-   `.dark { color-scheme: dark }` (§1) makes every §-1b token resolve to its
-   dark arm and these explicit dark values agree with it (kept as the floor
-   for non-supporting engines). The pure `var()`-alias re-declarations
-   (`--muted`/`--secondary`/`--accent`/`--border`/`--input`/… and the
-   `--background`/`*-foreground` aliases) are DELETED — they auto-track the
-   `--neutral-*` ladder + `--foreground` resolved above; only EXPLICIT-color
-   dark values (and the non-color overrides §2d) stay.
-   ═══════════════════════════════════════════════ */
-.dark {
-    /* §1 — hard-pin native chrome to dark regardless of OS preference. §4 —
-       re-specify the inherited `accent-color` so it re-resolves to the dark
-       arm (§2b: an inherited built-in <color> set at `:root` would freeze to
-       the light shade without this re-specification). */
-    color-scheme: dark;
-    accent-color: var(--accent-color);
-
-    /* Neutral scale mirrors light-mode pattern: step UP from the background's
-       low L toward foreground. Same perceptual deltas as light. FALLBACK
-       FLOOR — kept verbatim for non-light-dark() engines (§2c); on a
-       supporting engine `color-scheme: dark` (above) drives the §-1b
-       light-dark() arms and these agree. */
-    /* 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(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% 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%);
-    --ring: hsl(48 10% 70%);
-    --shadow: hsl(0 0% 5%);
-
-    /* Section palette — brightened for dark backgrounds (oklch; AV.W16 TW2 —
-       mirrors the light-dark() dark halves above; hue preserved) */
-    --section-color-0:  oklch(0.721 0.145 354.0);
-    --section-color-1:  oklch(0.733 0.113 308.2);
-    --section-color-2:  oklch(0.718 0.107 268.4);
-    --section-color-3:  oklch(0.767 0.091 219.9);
-    --section-color-4:  oklch(0.776 0.105 172.6);
-    --section-color-5:  oklch(0.813 0.109 78.2);
-    --section-color-6:  oklch(0.693 0.151 28.1);
-    --section-color-7:  oklch(0.739 0.134 318.1);
-    --section-color-8:  oklch(0.709 0.142 2.3);
-    --section-color-9:  oklch(0.763 0.032 239.0);
-    --section-color-10: oklch(0.794 0.116 127.9);
-    --section-color-11: oklch(0.805 0.095 206.7);
-    --section-color-12: oklch(0.719 0.115 295.6);
-
-    --accent-pink: oklch(0.683 0.131 354.7);
-    --section-heading: oklch(0.711 0.123 349.3);
-    --accent-red: oklch(0.644 0.165 22.9);
-
-    --viz-fourier:   oklch(0.693 0.151 28.1);
-    --viz-chebyshev: oklch(0.718 0.107 268.4);
-    --viz-legendre:  oklch(0.739 0.134 318.1);
-
-    /* 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%);
-
-    --shadow-cartoon:       3px 3px 0px 0px color-mix(in srgb, var(--foreground) 6%, transparent);
-    --shadow-cartoon-hover: 4px 4px 0px 0px color-mix(in srgb, var(--foreground) 8%, transparent);
-    --shadow-soft:     0 4px 12px rgba(0, 0, 0, 0.3);
-    --shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.35);
-    --shadow-modal:
-        4px 4px 0px 0px color-mix(in srgb, var(--foreground) 6%, transparent),
-        0 24px 64px color-mix(in srgb, var(--foreground) 18%, transparent);
-
-    --shadow-cartoon-color:            rgb(255 255 255 / 0.07);
-    --shadow-cartoon-color-soft:       rgb(255 255 255 / 0.03);
-
-    /* §5c CONSTELLATION — dark arm (AX.W17). The H.W4 dark-mode lift: the node
-       tones step UP off the ink ground (the light arm's mid-grey would vanish on
-       L6 black), the hairline goes warm off-white, the field carries a touch more
-       presence to read at all. PLAIN-hsl literals, NEVER light-dark()/var(). */
-    --constellation-node:      hsl(42 9% 72%);
-    --constellation-node-dim:  hsl(42 8% 56%);
-    --constellation-line:      hsl(45 12% 86%);
-    /* Anomaly — brightened for the deep canvas (same neutral-default register;
-       the consumer still overrides to its brand). */
-    --constellation-accent:    hsl(20 70% 60%);
-    /* The dark hairlines lift harder over the ink ground, so the edge multipliers
-       run a touch lower than light to keep the field recessive. */
-    --constellation-edge-alpha:          0.20;
-    --constellation-edge-focus-alpha:  0.32;
-    /* §7 — the ink ground needs MORE field presence than cream to read at all, so
-       the dark alpha is modestly HIGHER than the light arm — but still BELOW the
-       slides 1.0 max-legibility reference (the recessive midpoint, not 1.0). */
-    --constellation-alpha:               0.88;
-    /* 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;
-    --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.
-
-       BC.W-GLASS-LEGIBILITY-MEASURED — the per-rung `--glass-saturate-{tier}` knob
-       (the speedtest-AX BC-W10 fold) is the SAME named register as the light arm
-       (tokens/glass.css), per-mode — the dark identity. The dark values ARE this
-       scope's luminosity lift (wash/quiet 1.35, resting 1.30, floating 1.28, overlay
-       1.22) become the dark token defaults, and each `--glass-blur-{tier}` reads
-       `saturate(var(--glass-saturate-{tier}))` THROUGH — so a `.dark` override re-
-       resolves the rung saturation with ZERO recipe edit, AND the composed dark blur
-       is BYTE-IDENTICAL to the old baked literal. The `brightness()` companions stay
-       baked (this fold mints ONLY the saturate knob). The dark dock/deep saturate stay
-       baked (off-ladder footprint rungs, not part of the {wash..overlay} ladder).
-       Machine-locked by `proof:glass-legibility` L7. */
-    --glass-saturate-wash:     1.35;
-    --glass-saturate-quiet:    1.35;
-    --glass-saturate-resting:  1.30;
-    --glass-saturate-floating: 1.28;
-    --glass-saturate-overlay:  1.22;
-    --glass-blur-wash:     blur(calc(var(--glass-blur-wash-radius) * var(--glass-level))) saturate(var(--glass-saturate-wash)) brightness(1.18);
-    --glass-blur-quiet:    blur(calc(var(--glass-blur-quiet-radius) * var(--glass-level))) saturate(var(--glass-saturate-quiet)) brightness(1.16);
-    --glass-blur-resting:  blur(calc(var(--glass-blur-resting-radius) * var(--glass-level))) saturate(var(--glass-saturate-resting)) brightness(1.14);
-    --glass-blur-floating: blur(calc(var(--glass-blur-floating-radius) * var(--glass-level))) saturate(var(--glass-saturate-floating)) brightness(1.10);
-    --glass-blur-overlay:  blur(calc(var(--glass-blur-overlay-radius) * var(--glass-level))) saturate(var(--glass-saturate-overlay)) 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);
-
-    /* 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. */
-    --glass-rim-top: inset 0 1px 0 hsl(0 0% 100% / 0.40);
-    --glass-rim-bottom: inset 0 -1px 0 color-mix(in srgb, var(--foreground) 6%, 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);
-}
-
+.dark { color-scheme: dark; accent-color: var(--accent-color); --neutral-0: hsl(24 9% 4%); --neutral-1: hsl(28 12% 11%); --neutral-2: hsl(28 14% 16%); --neutral-3: hsl(30 18% 22%); --neutral-4: hsl(30 16% 34%); --neutral-5: hsl(34 14% 62%); --neutral-6: hsl(36 14% 72%); --foreground: hsl(30 14% 90%); --card: hsl(26 22% 17%); --popover: hsl(26 22% 17%); --surface-public-data-panel: hsl(36 9% 18%); --primary: oklch(0.739 0.134 318.1); --primary-foreground: hsl(24 10% 10%); --destructive: hsl(0 80% 60%); --destructive-foreground: hsl(48 10% 90%); --focus-ring-color: hsl(48 10% 70%); --shadow: hsl(0 0% 5%); --accent-ai-ink: oklch(0.80 0.13 75); --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); --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); --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); --success-foreground: hsl(48 10% 96%); --warning-foreground: hsl(24 10% 10%); --info-foreground: hsl(48 10% 96%); --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); --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); --constellation-node: hsl(42 9% 72%); --constellation-node-dim: hsl(42 8% 56%); --constellation-line: hsl(45 12% 86%); --constellation-accent: hsl(20 70% 60%); --constellation-edge-alpha: 0.20; --constellation-edge-focus-alpha: 0.32; --constellation-alpha: 0.88; --constellation-edge-floor: 0; --constellation-edge-accent-alpha: 0.34; --glass-opacity-wash: 0.38; --glass-opacity-quiet: 0.58; --glass-opacity-resting: 0.72; --glass-opacity-floating: 0.88; --glass-opacity-overlay: 0.96; --glass-opacity-chassis: 0.36; --glass-opacity-dialog: 0.76; --glass-grain-opacity: 0.045; --paper-grain-opacity: 0.16; --glass-highlight: inset 0 0.5px 0 0 hsl(0 0% 100% / 0.08); --glass-tint-strength-aa: 12%; --glass-tint-ink-dock: oklch(from var(--foreground) 0.90 0.045 h); --glass-tint-strength-floor: 12%; --on-glass-muted: hsl(34 16% 72%); --on-glass-muted-strong: hsl(36 13% 81%); --input-on-glass: hsl(26 12% 22%); --progress-track-on-glass: hsl(28 14% 26%); --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; --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-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); --glass-specular: inset 0 1.5px 0 0 hsl(0 0% 100% / 0.30); --glass-edge-light: var(--glass-edge-light-dark); --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); --tab-track-recess-ink: color-mix(in srgb, var(--foreground) 11%, transparent); --glass-fringe-warm: oklch(0.78 0.07 40 / 0.18); --glass-fringe-cool: oklch(0.74 0.06 230 / 0.14); --glass-curvature-intensity: 0.012; --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: oklch(0.792 0.012 255); --silver-light: oklch(0.912 0.010 255); --silver-dark: oklch(0.648 0.014 255); --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/dist/styles/tokens/glass-deep.css

@@ -1,100 +1 @@
-/*
- * 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; the CEILING)
- * 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.
- *
- * ── The deep-tier BUDGET CALL (BC.W-GLASS-LEGIBILITY-MEASURED L4) ───────────
- * The deep blur radius is the most expensive idiom glass-ui ships (`backdrop-
- * filter` cost is super-linear in the radius past ~16px). The wave's call:
- * STAY at the budget-clearing 16px and BOOK the 18-20px push (toward the live-
- * measured apple.com nav `blur(20px)` ceiling, research/apple-glass.md §1.1)
- * behind a recorded `profile:budget` clearance — the full 20px is the BOOKED
- * successor (apple-ios27.md §1.4 "the full 20px booked"), NOT a silent over-
- * spend. `--glass-saturate-deep-ceiling` BAKES the apple.com nav saturate 1.8 as
- * the deep-tier CEILING (the load-bearing term — research/apple-glass.md §4
- * "saturate 1.5 shipped, bake 1.8 as the deep ceiling"); the shipped
- * `--glass-saturate-deep` 1.5 sits at the low end (≤ ceiling), warm-aurora-safe.
- * `proof:glass-legibility` L4 reads BOTH: the 16px-stay is honest IFF the budget
- * booking is recorded here, and the shipped deep saturate never crosses the 1.8
- * ceiling. When a `profile:budget` run clears the 18-20px push, the radius
- * lifts toward 20px on the SAME LERP (the booked successor lands, no recipe edit).
- */
-: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;
-                                          BUDGET CALL (L4): stays 16px, the 18-20px push
-                                          toward the apple.com nav ceiling is BOOKED
-                                          behind a recorded profile:budget clearance. */
-    --glass-saturate-deep:       1.5;  /* >= 1.5 (toward Apple 1.8), > calm floating 1.18;
-                                          ≤ --glass-saturate-deep-ceiling (the apple.com
-                                          nav 1.8 bound — never over-shot, L4). */
-    --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 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));
-}
+:root { --glass-blur-deep-radius: 16px; --glass-saturate-deep: 1.8; --glass-saturate-deep-ceiling: 1.8; --glass-depth-content: 0.35; --glass-depth-popover: 0.7; --glass-depth-menu: 1; }