@mkbabb/glass-ui 6.0.0 → 8.0.0

package/src/styles/tokens.css

@@ -1,68 +0,0 @@
-/*
- * tokens.css — Unified design tokens for @mkbabb/glass-ui
- *
- * Library default identity: warm-cream + muted-black, 13-stop per-section jewel
- * palette, viz-basis colors (Fourier red / Chebyshev blue / Legendre purple),
- * cartoon offset shadows, 0.625rem base radius, paper-and-glass forward.
- *
- * Structural tokens (durations, easings, springs, z-index, focus ring,
- * interactive scales) are stable across consumers. Visual tokens (colors,
- * shadows, radii, grain opacities) are consumer-overridable.
- *
- * This file is the thin @import ROOT of the token cascade. The token body is
- * carved into cohesive `tokens/*.css` partials (each under the no-god-module
- * 500-line bound), @import-ed below in CASCADE ORDER. The cascade is isomorphic:
- * the master :root sub-ranges each carry their own :root{} (adjacent
- * same-selector blocks resolve identically), and the post-root overrides
- * (light-dark, the .dark arm, the @property registrations) keep their source
- * order. See docs/precepts/design-idioms.md §cohesion-aware partials. The
- * partial cascade order is BINDING — light-dark after the master partials
- * (overrides them), dark-arm after light-dark, property-regs last
- * (registrations + the specular magnitude cohort that reads them).
- */
-
-/* CSS @import rules must precede every other rule. The partials @import in
-   cascade order (offsets-sizing.css was carved into offsets.css + sizing.css at
-   BB.W-CARVE3, and scheme-motion's §2 EASING block into scheme-spring.css at
-   BD.W-CUT — adjacent same-selector :root blocks at the same cascade slot): */
-@import "./tokens/scheme-motion.css";
-/* BD.W-CUT (no-god-module carve) — scheme-motion's §2 EASING block (spring
-   linear() curves + per-spring duration clocks + goo-flow curves + bezier
-   cores/aliases) carved into scheme-spring.css to hold the 500-line bound,
-   @import-ed IMMEDIATELY AFTER scheme-motion.css (adjacent same-selector :root
-   blocks at the same cascade slot — the spring/easing tokens resolve in order). */
-@import "./tokens/scheme-spring.css";
-/* BI.W-REGISTER-TABLE — the named motion registers (enter-overlay/menu/tooltip/
-   transient + the named exit clocks) over the ONE `.glass-reveal` recipe. @import-ed
-   IMMEDIATELY AFTER scheme-spring.css because it READS the parity-fixed `--spring-*` /
-   `--spring-*-duration` clocks (READ-ONLY — the W-GLASS-CAL fence); adjacent same-
-   selector :root block at the same cascade slot (order-invariant custom properties). */
-@import "./tokens/motion-registers.css";
-@import "./tokens/color-radius.css";
-@import "./tokens/shadow.css";
-@import "./tokens/glass.css";
-@import "./tokens/glass-fx.css";
-@import "./tokens/glass-deep.css";
-@import "./tokens/on-glass-fg.css";
-@import "./tokens/offsets.css";
-@import "./tokens/sizing.css";
-/* BC.W-CARVE6 — sizing.css's §10 tail (MetricBadge stacked geometry + the
-   Configurator density/HIERARCHY/divider family + the --select-font override)
-   carved into sizing-config.css to hold the 500-line bound, @import-ed IMMEDIATELY
-   AFTER sizing.css (adjacent same-selector :root blocks — byte-isomorphic). */
-@import "./tokens/sizing-config.css";
-@import "./tokens/scale-paper.css";
-@import "./tokens/scroll-tokens.css";
-@import "./tokens/light-dark.css";
-@import "./tokens/dark-arm.css";
-/* BI.W-STYLE-REDRAIN — the .dark saturate/brightness luminosity-lift companion cohort
-   carved out of dark-arm.css to hold the no-god-module 500-line bound; its own .dark
-   block @import-ed IMMEDIATELY AFTER dark-arm.css (the tokens are the sole .dark
-   writers → cascade-order-invariant, computed values byte-identical). */
-@import "./tokens/dark-arm-glass.css";
-@import "./tokens/property-regs.css";
-/* BI.W-STYLE-REDRAIN — the §11b moving-specular :root/.dark magnitude cohort + the
-   interaction/scroll DRIVE @property registrations carved out of property-regs.css to
-   hold the 500-line bound; @import-ed IMMEDIATELY AFTER it (order-invariant @property
-   registrations + the sole-writer specular :root/.dark cohort → byte-isomorphic). */
-@import "./tokens/property-regs-specular.css";

package/src/styles/tokens.ts

@@ -1,58 +0,0 @@
-/**
- * Runtime design tokens — the JS/TS projection of glass-ui's CSS custom properties.
- *
- * CSS tokens in `src/styles/tokens.css` drive the rendered UI. Some contexts
- * (echarts configs, Canvas 2D, WebGL, canvas-rendered charts) cannot resolve
- * CSS variables at render time — they need literal numbers and strings.
- *
- * This module mirrors the CSS tokens for those consumers. Keep in sync.
- */
-
-/** Chart container heights (px). Match `--chart-height-*` in tokens.css. */
-export const chartHeights = {
-    compact: 240,
-    default: 360,
-    large: 400,
-} as const;
-
-/** Echarts grid margin (px). Matches `--chart-margin` in tokens.css. */
-export const chartMargin = 20;
-
-/**
- * Neutral divider colors for chart gridlines, axis ticks, overlays.
- * rgba literals — echarts / Canvas 2D can't parse CSS vars in color options.
- * Match `--color-divider-*` in tokens.css.
- */
-export const chartColors = {
-    dividerSubtle: "rgba(128, 128, 128, 0.05)",
-    dividerMedium: "rgba(128, 128, 128, 0.4)",
-    dividerStrong: "rgba(128, 128, 128, 0.7)",
-} as const;
-
-/** Default form-select minimum width (px). Matches `--input-min-width-sm`. */
-export const minWidthInputSm = 80;
-
-/**
- * Stagger increments (ms) — TS mirror of the `--motion-stagger-*` canon
- * promoted at AJ-W4-κ. Use these for animation cascades driven from JS
- * (e.g. echarts `animationDelay: (idx) => idx * motionStagger.default`,
- * Vue inline-style binding) so the JS-driven cascade and CSS-driven
- * cascade resolve to the same value. The three named tiers correspond
- * to `--motion-stagger-tight | --motion-stagger-default | --motion-stagger-relaxed`
- * in `styles/tokens.css`:
- *
- *   - `tight` (40ms)    — dense row cascades (StatsCards row strip,
- *                         results-table `:nth-child` delays)
- *   - `default` (80ms)  — canonical row stagger (ResultStack, bar
- *                         entrance, useStaggerReveal default)
- *   - `relaxed` (120ms) — wider series cascades (TimeSeriesChart)
- *
- * Retires per-consumer constants (SERIES_STAGGER_MS, BAR_STAGGER_MS,
- * STATS_CARD_STAGGER_MS) into single-source token reads. Per A5 §8.9 +
- * AJ-W4-κ.
- */
-export const motionStagger = {
-    tight: 40,
-    default: 80,
-    relaxed: 120,
-} as const;

package/src/styles/transitions.css

@@ -1,228 +0,0 @@
-/* Reusable Vue <Transition> class sets.
- *
- * Q.W4 Lane C (Q-sty-4): these class rules are wrapped in
- * `@layer components` so they share the cascade layer of every other
- * recipe sheet. Unlayered rules land in the implicit unlayered origin,
- * which outranks every `@layer` block at equal specificity — an
- * asymmetry that let a Vue <Transition> class silently outrank a
- * `@layer components` recipe. `animations.css` stays unlayered (pure
- * `@keyframes`, layer-agnostic by spec). */
-
-@layer components {
-    /* ── Fade (symmetric, fast) ── */
-    .fade-enter-active,
-    .fade-leave-active {
-        transition: opacity var(--duration-fast) var(--ease-standard);
-    }
-    .fade-enter-from,
-    .fade-leave-to {
-        opacity: 0;
-    }
-
-    /* BI.W-REGISTER-TABLE — `fade-slide` RETIRED (census-dead: 0 src/ consumers; the
-       demo showcase tile is deleted with it). Clean break, no alias — an overlay
-       entrance rides `.glass-reveal` + its `data-reveal` register, not a hand-rolled
-       Vue-<Transition> recipe. */
-
-    /* ── Route-enter (BG.W-ROUTE-TRANSITION — the bare keyed atomic swap entrance) ──
-     *
-     * The AppShell route swap is a bare keyed `<component :is :key="route.path"
-     * class="route-enter">` — NO Vue `<Transition>` wrapper (the swap unmounts the old +
-     * mounts the new in ONE atomic patch, so it cannot wedge by construction; the
-     * leave-window race + the `.scroll-build`×`<Transition>` collision that froze the
-     * route are structurally impossible). The liquid enter is therefore a pure ON-MOUNT
-     * `@keyframes` on the keyed component — it lands on EVERY route root (StoryPage,
-     * SectionLanding, hero, intro, auth-shell, NotFound), closing the old
-     * `.story-page-article`-only selector gap. The iOS-NavStack vertical settle: a
-     * SPATIAL spring rise (snappy, P2/P4), fade COUPLED to the transform (P3),
-     * `backwards` fill-mode so the from-state holds before the first frame (no
-     * flash-of-final).
-     *
-     * BG.W-CORNER-ALIAS-KILL — the fill is `backwards`, NEVER `both`/`forwards`.
-     * The route root is the universal ancestor: a `both` fill keeps APPLYING the
-     * `to` keyframe's transform forever (the engine reports a filled identity
-     * `matrix(1,0,0,1,0,0)` — a computed transform ≠ `none`), which makes the
-     * route root a PERMANENT fixed-position containing block (CSS Transforms
-     * §containing-block) and silently re-parents every `position: fixed`
-     * descendant (the full-bleed field wash trapped to the article box — the
-     * white square-corner wedge behind every rounded card). `to` ≡ base
-     * (opacity 1 / transform none), so `backwards` is paint-identical at rest
-     * and RELEASES the transform channel at settle.
-     *
-     * ── BI.W-E10-AURORA-ENTRANCE — THE FIELD / CONTENT SPLIT ──────────────────
-     * `gl-route-enter` is the CONTENT-enter register ONLY — the opacity fade is
-     * COUPLED to the transform rise (P3), so it is a content settle, NEVER an
-     * atomic whole-root neutral fade of the FIELD. The full-bleed page FIELD is a
-     * frame-0 PERSISTENT layer that lives OUTSIDE this animated subtree: the shell
-     * `<Aurora>` mounts at the AppShell root ABOVE the keyed route component, and a
-     * hero route's own full-bleed field `<Teleport>`s to `<body>` (the same
-     * corner-alias escape above). So the field paints its palette-derived GROUND
-     * from frame 0 and the CONTENT enters OVER the already-colored field — the
-     * content fades/rises, the field does NOT fade in from a repulsive gray
-     * (UF-E10 / value.js T-60). This register must never be re-scoped to fade a
-     * `position: fixed` full-bleed field: keep the field a persistent frame-0
-     * layer and the enter content-only. */
-    .route-enter {
-        animation: gl-route-enter var(--spring-snappy-duration) var(--spring-snappy) backwards;
-    }
-
-    /* BI.W-REGISTER-TABLE — `dialog-scale` / `pop` / `dropdown` RETIRED (census-dead:
-       0 src/ consumers each; the demo showcase tiles are deleted with them). Clean
-       break, no alias. The overlay/menu entrances they duplicated now ride the ONE
-       `.glass-reveal` recipe bound by `data-reveal` (enter-overlay / enter-menu) — the
-       register table replaces the per-recipe fork. `pane-swap` (below, live dock
-       consumer) + `fade` / `tab-fade` / `metric-swap` are KEPT. */
-
-    /* ── Tab fade ── */
-    .tab-fade-enter-active,
-    .tab-fade-leave-active {
-        transition: opacity var(--duration-fast) var(--ease-standard);
-    }
-    .tab-fade-enter-from,
-    .tab-fade-leave-to {
-        opacity: 0;
-    }
-
-    /* ── Pane swap (horizontal content replacement, mode="out-in") ── */
-    .pane-swap-enter-active {
-        transition:
-            opacity var(--duration-normal) var(--ease-out),
-            transform var(--spring-smooth-duration) var(--spring-smooth);
-    }
-    .pane-swap-leave-active {
-        transition:
-            opacity var(--duration-normal) var(--ease-out),
-            transform var(--duration-normal) var(--ease-out);
-    }
-    .pane-swap-enter-from {
-        opacity: 0;
-        transform: translateX(0.75rem);
-    }
-    .pane-swap-leave-to {
-        opacity: 0;
-        transform: translateX(-0.75rem);
-    }
-
-    /* ── Metric swap (compact number/value crossfade) ── */
-    .metric-swap-enter-active {
-        transition:
-            opacity var(--duration-normal) var(--ease-out),
-            transform var(--spring-smooth-duration) var(--spring-smooth);
-    }
-    .metric-swap-leave-active {
-        transition:
-            opacity var(--duration-fast) var(--ease-standard),
-            transform var(--duration-fast) var(--ease-standard);
-    }
-    .metric-swap-enter-from,
-    .metric-swap-leave-to {
-        opacity: 0;
-        transform: translateY(0.375rem) scale(0.95);
-    }
-
-    /* ── Dock entrance utility ── */
-    .dock-in {
-        animation: dock-in var(--spring-snappy-duration) var(--spring-snappy) both;
-        transform-origin: center bottom;
-    }
-
-    /* ── Toast contract (BI.W-REGISTER-TABLE — the enter-transient binding) ──
-     *
-     * `<Toast>` (reka-ui `ToastRoot`, components/toast/Toast.vue) MATERIALIZES via
-     * the `enter-transient` register — `.glass-reveal[data-reveal="transient"]` — a
-     * CENTER-SEED bloom (scale-from ~0.5, decongest-blur, fade, on the gentle transient
-     * spring; MOTION-LADDER M5), NOT the retired slide-in-from-viewport-edge. The reka
-     * `tw-animate-css` data-state choreography (`data-[state=open]:animate-in` /
-     * `animate-out` / `slide-in-from-*-full` / `fade-out-80`) + the Toast's own
-     * `transition-[opacity,transform]` are RETIRED (clean break, no alias). The prior
-     * AY.W-MOTION "§6 DELIBERATE KEEP" exemption is SUPERSEDED: every glass-ui overlay now
-     * speaks ONE enter grammar, the register table. `.glass-reveal` owns:
-     *
-     *   • ENTRANCE — the @starting-style bloom (transform-origin center → the surface
-     *     coalesces from its own seed), on the transient spring + its 2%-settle clock.
-     *   • DWELL — no motion (the READING window; default 5000ms via use-toast.ts).
-     *   • EXIT — the `glass-reveal-out` keyframe reka's `usePresence` awaits, on the tight
-     *     `--exit-transient-duration` (100ms) no-overshoot `--ease-out`.
-     *
-     * The swipe-drag gesture is PRESERVED — reka drives the `translate-x` (with
-     * `transition-none` during the active move); the reveal's own `translate` leg springs
-     * the cancel/settle back. `tw-animate-css` stays a shipped optionalPeer for the other
-     * overlays' animate-in paths, but the Toast no longer depends on it. PRM is honoured
-     * by `.glass-reveal`'s own reduced-motion carve (glass/reveal.css) — scale/translate/
-     * blur snap, the fade survives. This block IS the closure for the toast contract row.
-     */
-
-    /* ── Reduced motion: preserve fades, remove transform/scale motion ── */
-    @media (prefers-reduced-motion: reduce) {
-        .fade-enter-active,
-        .fade-leave-active,
-        .tab-fade-enter-active,
-        .tab-fade-leave-active,
-        .pane-swap-enter-active,
-        .pane-swap-leave-active,
-        .metric-swap-enter-active,
-        .metric-swap-leave-active {
-            /* Fades are safe — keep them but shorten */
-            transition-duration: 0.1s !important;
-        }
-
-        .pane-swap-enter-active,
-        .pane-swap-leave-active,
-        .metric-swap-enter-active,
-        .metric-swap-leave-active {
-            /* Keep opacity transition, eliminate transform motion */
-            transition-property: opacity !important;
-            transition-duration: 0.15s !important;
-            animation-duration: 0.01ms !important;
-        }
-
-        .pane-swap-enter-from,
-        .pane-swap-leave-to,
-        .metric-swap-enter-from,
-        .metric-swap-leave-to {
-            transform: none !important;
-        }
-
-        .dock-in {
-            animation-duration: 0.01ms !important;
-            transform: none !important;
-        }
-
-        /* P6 — route-enter KEEPS the fade, DROPS the spatial rise (the vestibular
-           floor; the page settles to its terminal state with zero transform frames).
-           `backwards` fill (BG.W-CORNER-ALIAS-KILL — the same release discipline;
-           opacity-only here, but ONE fill register across both arms). */
-        .route-enter {
-            animation: gl-route-fade var(--duration-fast) var(--ease-out) backwards;
-        }
-    }
-}
-
-/* The route-enter keyframes — unlayered (pure `@keyframes`, layer-agnostic, the
-   animations.css convention). Referenced by the `.route-enter` recipe above.
-
-   BG.W-ROUTE-ENTER-VISIBLE (fix b) — the rise lifts 0.75rem (12px) → 1.25rem (20px),
-   the perceptible 16–24px band the §2.6 fix names. 12px was sub-perceptual once the
-   route-chunk stall (now pre-resolved off the beat, router.ts fix a) is out of the
-   clock — the surviving rise-tail read as a plain fade. 20px on --spring-snappy +
-   `backwards` (P2/P4 — the SPATIAL leg on the spring, the from-state held before the
-   first composited frame) makes the decelerating vertical settle READ in paint. The
-   distance is the sole change; the spring clock + fill register are untouched. */
-@keyframes gl-route-enter {
-    from {
-        opacity: 0;
-        transform: translateY(1.25rem);
-    }
-    to {
-        opacity: 1;
-        transform: none;
-    }
-}
-@keyframes gl-route-fade {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}

package/src/styles/typography/scale.css

@@ -1,166 +0,0 @@
-/* typography/scale.css — the OFL face FILES + the :root --type-* SCALE tokens.
- *
- * Carved from typography.css (BA.W-CARVE2) — the FACE declarations (the
- * calibrated `local()` fallback faces for Plus Jakarta Sans + Fira Code) and
- * the √φ scale-number :root block. @import-ed FIRST by the typography.css thin
- * root (the faces + scale numbers must precede the semantic classes that read
- * them). The carve moves rules in the SAME cascade position → byte-isomorphic
- * dist (the no-god-module import-order gate is the witness). */
-
-/* ═══════════════════════════════════════════════
-   OFL FACE FILES — Plus Jakarta Sans (brand display)
-   ═══════════════════════════════════════════════ */
-
-/* The payload-bearing "Plus Jakarta Sans" faces live in `fonts.css`
-   (`@mkbabb/glass-ui/styles/fonts`), split off the critical entry path so
-   `./styles` does not carry the ~99 KB-gzipped font binary. The calibrated
-   `local()` fallback face below carries NO payload, stays on the critical
-   path, and paints during the `font-display: optional` window. Its metric
-   overrides (per system face) were derived via @capsizecss/core's
-   `createFontStack` against the bundled latin woff2 — the swap is metrically
-   neutral (no CLS). */
-@font-face {
-    font-family: "Plus Jakarta Sans Fallback";
-    src:
-        local("System Font"), local(".SFNS-Regular"), local(".SFNSText-Regular"),
-        local("-apple-system");
-    ascent-override: 92.3784%;
-    descent-override: 19.7572%;
-    size-adjust: 112.3639%;
-}
-@font-face {
-    font-family: "Plus Jakarta Sans Fallback";
-    src: local("Segoe UI"), local("SegoeUI");
-    ascent-override: 98.3348%;
-    descent-override: 21.0311%;
-    size-adjust: 105.5577%;
-}
-@font-face {
-    font-family: "Plus Jakarta Sans Fallback";
-    src: local("Roboto Regular"), local("Roboto-Regular");
-    ascent-override: 98.6597%;
-    descent-override: 21.1006%;
-    size-adjust: 105.2101%;
-}
-@font-face {
-    font-family: "Plus Jakarta Sans Fallback";
-    src: local("Arial"), local("ArialMT");
-    ascent-override: 98.8763%;
-    descent-override: 21.147%;
-    line-gap-override: 0%;
-    size-adjust: 104.9796%;
-}
-
-/* ═══════════════════════════════════════════════
-   OFL FACE FILES — Fira Code (canonical mono)
-   ═══════════════════════════════════════════════ */
-
-/* The payload-bearing "Fira Code" faces live in `fonts.css`
-   (`@mkbabb/glass-ui/styles/fonts`), split off the critical entry path. The
-   calibrated `local()` fallback face below carries NO payload, stays on the
-   critical path, and covers the `font-display: swap` window. Its metric
-   overrides reference Roboto Mono (the platform monos cluster within ~2%);
-   size-adjust ≈ 1.0 makes the swap geometrically transparent. */
-@font-face {
-    font-family: "Fira Code Fallback";
-    src:
-        local("SF Mono"), local("SFMono-Regular"), local("Menlo"), local("Consolas"),
-        local("Courier New"), local("Roboto Mono Regular");
-    ascent-override: 99.0161%;
-    descent-override: 32.2052%;
-    size-adjust: 99.9837%;
-}
-
-:root {
-    /* Font family tokens. `--font-text` / `--font-display` / `--font-serif` /
-       `--font-mono` are NOT declared here — their source-of-truth lives in
-       tokens.css §0 (`--font-stack-*`), bridged to Tailwind via theme.css's
-       `@theme` block; declaring `:root` literals here would shadow consumer
-       `@theme` overrides (un-layered `:root` wins over `@layer theme`). The
-       self-hosted faces above expose `"Plus Jakarta Sans"` + `"Fira Code"`,
-       each pairing with a calibrated `"... Fallback"`. The brand text register
-       (Plus Jakarta Sans) engages by default for every consumer; --font-mono
-       references `"Fira Code"` first then the fallback chain. */
-
-    /* Scale tokens */
-    --type-admin-label: 0.625rem; /* 10px — fixed sub-control micro (NOT fluid) */
-    --type-micro: 0.6875rem; /* 11px — fixed sub-control micro (NOT fluid) */
-    /* BODY/CONTROL register (AY.W-SCALE1 — the desktop-fluid half of corpus #4):
-       a GENTLE clamp() viewport base so the control/body register grows ~1-2 steps
-       on a wide display (the 27" "font too small" the user flagged) WITHOUT a
-       media-query staircase. The <min> of every clamp is the rung's prior fixed rem
-       — byte-identical at narrow/mobile (no shipped-narrow reflow; the coarse 1.5×
-       --ui-scale still lifts the comfort axis ON TOP). The vw slope is the body
-       register's GENTLE slope (not the φ-display ladder's aggressive vw) — the
-       "non-contrived" bar. The vw fluid term lives HERE (the typographic base),
-       exactly ONCE; the --ui-scale comfort scalar multiplies it exactly ONCE LATER
-       (tokens.css --control-text/-sm) — NO double-vw under coarse. The φ-identity
-       rungs below (--type-subheading/-heading/-title + the --type-display-* ladder)
-       are EXCLUDED — a hero/title is a typographic identity, not a control. */
-    --type-caption: clamp(
-        0.75rem,
-        0.71rem + 0.21vw,
-        1rem
-    ); /* 12px floor — --control-text-sm source */
-    --type-small: clamp(
-        0.875rem,
-        0.8rem + 0.25vw,
-        1.25rem
-    ); /* 14px floor — --control-text source (the workhorse) */
-    --type-body: clamp(
-        1rem,
-        0.92rem + 0.27vw,
-        1.375rem
-    ); /* 16px floor — global body cascade */
-    --type-prose: clamp(
-        1.125rem,
-        1.04rem + 0.28vw,
-        1.5rem
-    ); /* 18px floor — long-form prose */
-    --type-subheading: 1.272rem; /* 20.4px — √φ */
-    --type-heading: 1.618rem; /* 25.9px — φ */
-    --type-title: 2.058rem; /* 32.9px — φ^(3/2) */
-    --type-display-1: clamp(1.618rem, 1.2rem + 1.6vw, 2.618rem); /* φ^2 */
-    --type-display-2: clamp(2.058rem, 1.5rem + 2.2vw, 3.33rem); /* φ^(5/2) */
-    --type-display-3: clamp(2.618rem, 2rem + 3vw, 4.236rem); /* φ^3 */
-    --type-display-4: clamp(3.33rem, 2.5rem + 4vw, 5.382rem); /* φ^(7/2) */
-    --type-display-5: clamp(4.236rem, 3.5rem + 6vw, 6.854rem); /* φ^4 */
-    /* Audacious display tier (v1.0.3). Extends the φ-ladder three rungs
-       beyond display-5 for poster-type consumers (speedtest hero,
-       dashboard pane titles when the consumer wants the number to win).
-       Same vw-axis as display-1..5 — consumer-agnostic. */
-    --type-display-mega: clamp(
-        5.382rem,
-        4rem + 9vw,
-        11.089rem
-    ); /* φ^(9/2) — peak 177px */
-    --type-display-hero: clamp(
-        6.854rem,
-        4.5rem + 12vw,
-        17.942rem
-    ); /* φ^5    — peak 287px */
-    --type-display-audacious: clamp(
-        8.728rem,
-        5rem + 16vw,
-        22rem
-    ); /* φ^(11/2) — peak 352px (fast.com peg) */
-
-    /* X7 (value.js P10/T-40) — the DISPLAY/HEADING/TITLE weight axis, tokenised.
-       The three emphatic registers each hard-coded their font-weight literal, so a
-       consumer tuning the bold-letterform character (a lighter title, a heavier
-       display) had to fork every @utility. These name the weight the way the size
-       ladder names --type-*: the semantic.css utilities read them; the literals are
-       byte-identical defaults (display 600, heading/title 700). The public
-       --font-display-weight knob feeds the canonical internal display register so a
-       consumer override reaches every display utility without a utility fork. */
-    --font-display-weight: 600;
-    --type-weight-display: var(--font-display-weight);
-    --type-weight-heading: 700;
-    --type-weight-title: 700;
-
-    /* Line heights & letter spacing live at tokens.css §0 as the canonical
-       --type-leading-* / --type-tracking-* rungs. theme.css bridges them
-       to Tailwind's `leading-*` / `tracking-*` utilities. The duplicate
-       --leading-* / --tracking-* declarations that previously sat here
-       were retired in v0.8.6 (audit U.W0.C-c §1.1 / Union 2). */
-}