@mkbabb/glass-ui 6.0.0 → 7.0.0

package/src/styles/scroll-driven.css

@@ -1,123 +0,0 @@
-/*
- * scroll-driven.css — native scroll-driven CSS animations (AQ.W5 §Design 1).
- *
- * Cascade rung after animations.css. Two token-first recipe families that move
- * the scroll-progress + stagger-reveal work OFF the main thread (the consumer
- * INP lever): the browser runs them on the compositor instead of a rAF/IO
- * listener loop in JS.
- *
- *   .scroll-progress      — a 0..1 scaleX bar driven by a `scroll()` timeline.
- *                           The `useScrollProgress` composable replacement.
- *   [data-scroll-reveal]  — fade + lift on entry, one `view()` timeline PER
- *                           child (the stagger is implicit — no setTimeout
- *                           cascade). The `useStaggerReveal` composable
- *                           replacement.
- *
- * DUAL-PATH with a SINGLE writer (no double-run): when the engine supports
- * `animation-timeline`, the CSS here owns the visual axis and the composables
- * gate their listener/observer machinery OFF (so CSS and JS never both write
- * the same target). When the engine does NOT support it, this block is skipped
- * by `@supports` and the composable is the sole writer. See the gate at the top
- * of `useScrollProgress.ts` / `useStaggerReveal.ts`.
- *
- * Baseline: `scroll-driven-animations` = Newly Available → adopt CSS as
- * primary, keep the composable as the ≤ 20-LOC feature-detected fallback.
- *
- * Reduced-motion is the OUTER gate: the whole `@supports` block sits under
- * `prefers-reduced-motion: no-preference`, so under PRM no scroll animation
- * attaches at all and content renders in its terminal state (the `from`
- * keyframe is never applied because the animation never binds).
- */
-
-/* ── Scroll progress (scroll() timeline) — drives a 0..1 scaleX bar.
- * Consumers add `.scroll-progress` on a position:fixed/absolute/sticky element;
- * the timeline defaults to `scroll(nearest block)` (the nearest ancestor block
- * scroller), overridable by the FULL-value var `--scroll-progress-timeline`.
- *
- * BG.W-SCROLL-PROGRESS-RAIL (D5) — `scroll-origin`+`scaleX(0)` are HOISTED
- * UNCONDITIONAL so the rest is INVISIBLE (scaleX 0) on ANY unsupported / invalid /
- * PRM path (NOT an opacity-only rest). The timeline is a FULL-value var — NEVER
- * `scroll(var(...))`: a `<dashed-ident>` (a named timeline) substituted into
- * scroll()'s scroller slot is INVALID and silently computes animation-timeline to
- * `auto`, which resolves the keyframe to scaleX(1) full-width (the HEAD D5 defect).
- * A consumer that needs a named cross-element timeline writes the WHOLE value
- * (`--scroll-progress-timeline: --my-timeline` + `timeline-scope` on an ancestor),
- * never a fragment inside `scroll()`. */
-.scroll-progress {
-    transform-origin: 0 50%;
-    transform: scaleX(0);
-}
-@media (prefers-reduced-motion: no-preference) {
-    @supports (animation-timeline: scroll()) {
-        @keyframes gl-scroll-grow {
-            from { transform: scaleX(0); }
-            to   { transform: scaleX(1); }
-        }
-        .scroll-progress {
-            animation: gl-scroll-grow auto linear;
-            animation-timeline: var(--scroll-progress-timeline, scroll(nearest block));
-        }
-    }
-}
-
-/* ── View-driven entry (view() timeline) — the useStaggerReveal replacement.
- * Each child of a `[data-scroll-reveal]` scroller fades + lifts on entry. The
- * stagger is implicit in the per-element view-timeline (each child owns its
- * own timeline), so NO setTimeout cascade is needed. Horizontal scrollers add
- * `.scroll-reveal--inline` for a `view(inline)` axis. */
-@media (prefers-reduced-motion: no-preference) {
-    @supports ((animation-timeline: view()) and (animation-range: entry)) {
-        @keyframes gl-reveal-in {
-            from {
-                opacity: 0;
-                transform: translateY(var(--scroll-reveal-rise, 6px));
-            }
-        }
-        [data-scroll-reveal] > * {
-            animation: gl-reveal-in auto linear both;
-            animation-timeline: view(block);
-            animation-range: entry 0% entry var(--scroll-reveal-range-end, 60%);
-        }
-        [data-scroll-reveal].scroll-reveal--inline > * {
-            animation-timeline: view(inline);
-        }
-    }
-}
-
-/* ── ONCE latch (the virtualized/teleporting opt-in) — BC.W-MOTION-PRESETS.
- * The continuous `[data-scroll-reveal]` recipe above re-fires its entrance EVERY
- * time a child re-enters the entry range — correct for a calm cascade, WRONG for
- * a virtualized/teleporting list where a row scrolls out + back (it re-plays the
- * fade-lift). A native `view()` timeline cannot latch "play once" (the CSS limit),
- * so `[data-scroll-reveal-once]` swaps the live-range animation for a one-shot
- * `@keyframes` keyed off a `data-revealed` attr a tiny JS-assist IntersectionObserver
- * sets on FIRST cross + then `unobserve`s — the SHIPPED `useStaggerReveal` `once`
- * machinery (its `if (once) observer?.unobserve(el)` leg), reused, not re-authored.
- *
- * SINGLE WRITER — an element is `[data-scroll-reveal]` XOR `[data-scroll-reveal-once]`
- * (never both): the continuous path rides the `view()` timeline, the once path rides
- * the `[data-revealed]` attr. They never both drive the same child.
- *
- * The keyframe is the SAME fade-lift values as `gl-reveal-in` but runs FORWARD
- * (`from` hidden → `to` shown) so the terminal state holds without a timeline; the
- * `--spring-gentle` partial-sum settle is the convergence-reveal register a consumer
- * pairs with `useStagger` for the N-term build-up. Same PRM outer gate as the
- * continuous recipe (a flourish — under reduce the row paints in-place, no entrance). */
-@media (prefers-reduced-motion: no-preference) {
-    @keyframes gl-reveal-once {
-        from {
-            opacity: 0;
-            transform: translateY(var(--scroll-reveal-rise, 6px));
-        }
-        to {
-            opacity: 1;
-            transform: none;
-        }
-    }
-    [data-scroll-reveal-once] > * {
-        opacity: 0;
-    }
-    [data-scroll-reveal-once] > *[data-revealed] {
-        animation: gl-reveal-once var(--spring-gentle-duration) linear both;
-    }
-}

package/src/styles/theme/bridges.css

@@ -1,380 +0,0 @@
-/* theme/bridges.css — the `@theme inline` block: the tokens.css `var(--token)`
-   BRIDGES (color/shadow/blur/duration/ease/typography) (AZ.W-CARVE partial 2 of 4).
-
-   Inline substitutes the referenced value and mints no second var, so the
-   tokens.css token stays the single override point (plain would emit
-   `--color-primary` AND `--primary`). Guardrail: NEVER `@property`-register a
-   color token — registration snapshots the value and breaks light-dark().
-
-   Cascade: this partial MUST @import AFTER theme/radius.css (it references the
-   radius primitives) and BEFORE theme/literals.css. */
-
-@theme inline {
-    /* ═══════════════════════════════════════════════
-       Typography — size scale → text-* utilities
-       ═══════════════════════════════════════════════ */
-    --text-admin-label: var(--type-admin-label);
-    --text-micro:       var(--type-micro);
-    --text-caption:     var(--type-caption);
-    --text-small:       var(--type-small);
-    --text-body:        var(--type-body);
-    --text-prose:       var(--type-prose);
-    --text-subheading:  var(--type-subheading);
-    --text-heading:     var(--type-heading);
-    --text-title:       var(--type-title);
-    /* AX.W50 D17 — the picker-family type-scale → `text-dropdown` /
-       `text-dropdown-secondary` utilities, bridging the `--dropdown-text` token pair
-       (tokens.css §10, a specialization of W51's `--control-text` comfort register)
-       so a Tailwind `text-dropdown` utility resolves the family scale. Mirrors the
-       `--text-small: var(--type-small)` ladder-bridge idiom above. */
-    --text-dropdown:           var(--dropdown-text);
-    --text-dropdown-secondary: var(--dropdown-text-secondary);
-    --text-display:     var(--type-display-1);
-    --text-display-1:   var(--type-display-1);
-    --text-display-2:   var(--type-display-2);
-    --text-display-3:   var(--type-display-3);
-    --text-display-4:   var(--type-display-4);
-    --text-display-5:   var(--type-display-5);
-
-    /* Line heights → leading-* utilities */
-    --leading-micro:   var(--type-leading-micro);
-    --leading-caption: var(--type-leading-caption);
-    --leading-small:   var(--type-leading-small);
-    --leading-body:    var(--type-leading-body);
-    --leading-prose:   var(--type-leading-prose);
-    --leading-heading: var(--type-leading-heading);
-    --leading-display: var(--type-leading-display);
-
-    /* Letter spacing → tracking-* utilities */
-    --tracking-tight:  var(--type-tracking-tight);
-    /* BB.W-DISPLAY-TRACKING — the display-ONLY Apple −1.5% tracking rung bridged
-       to the `tracking-display` utility (the token-first consumer affordance). */
-    --tracking-display: var(--type-tracking-display);
-    --tracking-snug:   var(--type-tracking-snug);
-    --tracking-normal: var(--type-tracking-normal);
-    --tracking-wide:   var(--type-tracking-wide);
-    --tracking-wider:  var(--type-tracking-wider);
-    --tracking-caps:   var(--type-tracking-caps);
-
-    /* ═══════════════════════════════════════════════
-       Font families → font-* utilities
-
-       ONE brand register, bridged from tokens.css §0's --font-stack-* source.
-       --font-text is the body/heading/prose/display register (Plus Jakarta
-       Sans). --font-serif is a bridge alias for the demo configurator's "serif"
-       control slot — it resolves to the SAME text register (the library carries
-       no display-serif voice). A consumer rebrands the whole text register by
-       overriding --font-text once.
-       ═══════════════════════════════════════════════ */
-    --font-text:    var(--font-stack-text);
-    --font-display: var(--font-stack-display);
-    --font-serif:   var(--font-stack-text);
-    --font-sans:    var(--font-stack-sans);
-    --font-mono:    var(--font-stack-mono);
-
-    /* ═══════════════════════════════════════════════
-       Colors — core
-       ═══════════════════════════════════════════════ */
-    --color-border: var(--border);
-    /* AQ.W2 §3d — the whisper-alpha border hairline rung (border-border-soft /
-       bg-border-soft utilities). Auto-dark via --border. */
-    --color-border-soft: var(--border-soft);
-    --color-input: var(--input);
-    /* BG.W-DESHADCN — the shadcn `--color-ring` @theme bridge (the `ring`/
-       `outline-ring`/`text-ring` utility surface) is DELETED, clean break. The
-       house focus accent is the `--focus-ring-color` token / the `.focus-ring`
-       box-shadow utility; the lone `outline-ring` reader (MetricBadge) re-points
-       onto `outline-(color:--focus-ring-color)`. */
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    /* AU.W8b.4 — the muted-foreground-strong bridge (text-muted-foreground-strong
-       utility). The base token already exists (tokens.css:362); only the
-       --color-muted-foreground bridge was present. CardDescription consumes
-       text-muted-foreground-strong through this. NOT @property-registered (a
-       design-token color; registration would break light-dark() re-resolution). */
-    --color-muted-foreground-strong: var(--muted-foreground-strong);
-
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-
-    --color-destructive: var(--destructive);
-    --color-destructive-foreground: var(--destructive-foreground);
-
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-
-    /* R0G-5 — bg-surface-public-data-panel utility. */
-    --color-surface-public-data-panel: var(--surface-public-data-panel);
-
-    --color-shadow: var(--shadow);
-
-    /* Semantic foregrounds — bg-{success,warning,info}-foreground +
-       text-{success,warning,info}-foreground. Companions to the existing
-       --color-{success,warning,info} bridges below. R5 vocab.γ gap row 4. */
-    --color-success-foreground: var(--success-foreground);
-    --color-warning-foreground: var(--warning-foreground);
-    --color-info-foreground:    var(--info-foreground);
-
-    /* Muted-tinted rungs — bg-muted-soft / bg-muted-medium. */
-    --color-muted-soft:   var(--muted-soft);
-    --color-muted-medium: var(--muted-medium);
-
-    /* AU.W8b.4 — glass-tier surface/border bridges (bg-glass-quiet /
-       border-glass-quiet). Companions to the existing --shadow-glass-quiet
-       bridge below; lets the Toggle `card` variant compose bg-glass-quiet /
-       border-glass-quiet / shadow-glass-quiet instead of bg-[var(--glass-…)]
-       arbitrary wraps. NOT @property-registered (design-token colors —
-       registration snapshots the resolved color + breaks light-dark()). */
-    --color-glass-quiet:        var(--glass-bg-quiet);
-    --color-glass-border-quiet: var(--glass-border-quiet);
-
-    /* Foreground-tint rungs — bg-surface-tint-{4,6,8,10,12,15,18,22,25}. */
-    --color-surface-tint-4:  var(--surface-tint-4);
-    --color-surface-tint-6:  var(--surface-tint-6);
-    --color-surface-tint-8:  var(--surface-tint-8);
-    --color-surface-tint-10: var(--surface-tint-10);
-    --color-surface-tint-12: var(--surface-tint-12);
-    --color-surface-tint-15: var(--surface-tint-15);
-    --color-surface-tint-18: var(--surface-tint-18);
-    --color-surface-tint-22: var(--surface-tint-22);
-    --color-surface-tint-25: var(--surface-tint-25);
-    --color-surface-tint-35: var(--surface-tint-35);
-    --color-surface-tint-40: var(--surface-tint-40);
-    --color-surface-tint-70: var(--surface-tint-70);
-
-    /* Surface-tint tier aliases (V.W3.T10) — semantic names mapped to
-       the canonical numeric scale. Lets consumers compose
-       `bg-surface-tint-quiet|floating|modal` without picking a numeric
-       rung; the alias resolves to the rung that matches the surface
-       tier's canonical opacity. Quiet ≈ 6% (light backdrop tint),
-       floating ≈ 12% (panel-tier tint), modal ≈ 18% (heavy modal tint). */
-    --color-surface-tint-quiet:    var(--surface-tint-6);
-    --color-surface-tint-floating: var(--surface-tint-12);
-    --color-surface-tint-modal:    var(--surface-tint-18);
-
-    /* Overlay scrims — bg-overlay-scrim{,-strong,-subtle}. */
-    --color-overlay-scrim:        var(--overlay-scrim);
-    --color-overlay-scrim-strong: var(--overlay-scrim-strong);
-    --color-overlay-scrim-subtle: var(--overlay-scrim-subtle);
-
-    /* ═══════════════════════════════════════════════
-       Colors — section palette (13-stop)
-       ═══════════════════════════════════════════════ */
-    --color-section-0:  var(--section-color-0);
-    --color-section-1:  var(--section-color-1);
-    --color-section-2:  var(--section-color-2);
-    --color-section-3:  var(--section-color-3);
-    --color-section-4:  var(--section-color-4);
-    --color-section-5:  var(--section-color-5);
-    --color-section-6:  var(--section-color-6);
-    --color-section-7:  var(--section-color-7);
-    --color-section-8:  var(--section-color-8);
-    --color-section-9:  var(--section-color-9);
-    --color-section-10: var(--section-color-10);
-    --color-section-11: var(--section-color-11);
-    --color-section-12: var(--section-color-12);
-
-    --color-section-heading: var(--section-heading);
-    --color-accent-pink: var(--accent-pink);
-    --color-accent-red:  var(--accent-red);
-
-    /* ═══════════════════════════════════════════════
-       Colors — viz basis
-       ═══════════════════════════════════════════════ */
-    --color-viz-fourier:   var(--viz-fourier);
-    --color-viz-chebyshev: var(--viz-chebyshev);
-    --color-viz-legendre:  var(--viz-legendre);
-    --color-viz-amber:     var(--viz-amber);
-    --color-viz-green:     var(--viz-green);
-
-    /* ═══════════════════════════════════════════════
-       Colors — semantic UI accents
-       ═══════════════════════════════════════════════ */
-    --color-tier-featured: var(--tier-featured);
-    --color-tier-saved:    var(--tier-saved);
-    --color-like:          var(--like);
-    --color-success:       var(--success);
-    --color-warning:       var(--warning);
-    --color-info:          var(--info);
-    --color-delete:        var(--delete);
-
-    /* ═══════════════════════════════════════════════
-       Colors — gold + rainbow accents (kept for consumers)
-       ═══════════════════════════════════════════════ */
-    --color-gold: var(--gold);
-    --color-gold-light: var(--gold-light);
-    --color-gold-dark: var(--gold-dark);
-    --color-gold-deep: var(--gold-deep);
-
-    /* BA.W-ATLAS-RECONCILE C-3 — the silver structure metal (gold's mirror; the
-       InstrumentChassis `variant="structure"` register). The @theme namespace var
-       a `text-silver`/`bg-silver` utility resolves through. */
-    --color-silver: var(--silver);
-    --color-silver-light: var(--silver-light);
-    --color-silver-dark: var(--silver-dark);
-    --color-silver-deep: var(--silver-deep);
-
-    /* BB.W-METAL-SHIMMER — the bronze brand metal (the third member of the
-       gold·silver·bronze triad; the @theme namespace bridge so a `text-bronze`/
-       `bg-bronze` utility resolves through, mirroring gold/silver). */
-    --color-bronze: var(--bronze);
-    --color-bronze-light: var(--bronze-light);
-    --color-bronze-dark: var(--bronze-dark);
-    --color-bronze-deep: var(--bronze-deep);
-
-    --color-rainbow-red:    var(--rainbow-red);
-    --color-rainbow-orange: var(--rainbow-orange);
-    --color-rainbow-yellow: var(--rainbow-yellow);
-    --color-rainbow-green:  var(--rainbow-green);
-    --color-rainbow-blue:   var(--rainbow-blue);
-    --color-rainbow-indigo: var(--rainbow-indigo);
-    --color-rainbow-violet: var(--rainbow-violet);
-
-    /* ═══════════════════════════════════════════════
-       Z-index → z-* utilities
-       ═══════════════════════════════════════════════ */
-    --z-index-behind: var(--z-behind);
-    --z-index-background: var(--z-background);
-    --z-index-content: var(--z-content);
-    --z-index-controls: var(--z-controls);
-    --z-index-bar: var(--z-bar);
-    --z-index-header: var(--z-header);
-    --z-index-dock: var(--z-dock);
-    --z-index-panel: var(--z-panel);
-    --z-index-overlay: var(--z-overlay);
-    --z-index-hovercard: var(--z-hovercard);
-    --z-index-tooltip: var(--z-tooltip);
-    --z-index-popover: var(--z-popover);
-    --z-index-modal: var(--z-modal);
-    --z-index-fullscreen: var(--z-fullscreen);
-    --z-index-toast: var(--z-toast);
-    --z-index-toggle: var(--z-toggle);
-    --z-index-max: var(--z-max);
-
-    /* The radius PRIMITIVES + the semantic radius aliases (→ rounded-*
-       utilities) live in the LEADING plain @theme block above — plain, not
-       inline, so value-identical aliases never collide during candidate
-       resolution. See the order/collision note there. */
-
-    /* ═══════════════════════════════════════════════
-       Sizing → h-*, min-w-*, and spacing utilities
-       ═══════════════════════════════════════════════ */
-    --height-chart-compact: var(--chart-height-compact);
-    --height-chart-default: var(--chart-height-default);
-    --height-chart-large:   var(--chart-height-large);
-    --min-width-input-sm:   var(--input-min-width-sm);
-    --spacing-chart-margin: var(--chart-margin);
-    /* AU.W8b.4 — w-popover utility (Combobox list width). Lifts `w-[200px]`. */
-    --width-popover:        var(--popover-width);
-
-    /* Golden-ratio spacing — p-phi-5 / m-phi-6 etc. via Tailwind's spacing
-       utilities. φ² and φ³ rungs for hero/chassis padding ladder. */
-    --spacing-phi-5: var(--space-phi-5);
-    --spacing-phi-6: var(--space-phi-6);
-
-    /* V.W2 T13 — Icon-size ladder bridge → `size-icon-*`/`h-icon-*`/`w-icon-*`
-       utilities. Consumers can compose via `class="size-icon-2xl"` etc.
-       directly without the `size-[var(--icon-2xl)]` arbitrary-property form. */
-    --spacing-icon-xs:  var(--icon-xs);
-    --spacing-icon-sm:  var(--icon-sm);
-    --spacing-icon-md:  var(--icon-md);
-    --spacing-icon-lg:  var(--icon-lg);
-    --spacing-icon-xl:  var(--icon-xl);
-    --spacing-icon-2xl: var(--icon-2xl);
-    --spacing-icon-3xl: var(--icon-3xl);
-    --spacing-icon-hero: var(--icon-hero);
-
-    /* ═══════════════════════════════════════════════
-       Shadows → shadow-* utilities
-       ═══════════════════════════════════════════════ */
-    --shadow-cartoon:       var(--cartoon-shadow);
-    --shadow-cartoon-hover: var(--cartoon-shadow-hover);
-    --shadow-soft:          var(--soft-shadow);
-    --shadow-elevated:      var(--elevated-shadow);
-    --shadow-modal:         var(--modal-shadow);
-
-    --shadow-card:           var(--card-shadow);
-    --shadow-dock:           var(--dock-shadow);
-    --shadow-dock-collapsed: var(--dock-shadow-collapsed);
-
-    --shadow-glass-wash:     var(--glass-shadow-wash);
-    --shadow-glass-quiet:    var(--glass-shadow-quiet);
-    --shadow-glass-resting:  var(--glass-shadow-resting);
-    --shadow-glass-floating: var(--glass-shadow-floating);
-    --shadow-glass-overlay:  var(--glass-shadow-overlay);
-
-    --shadow-cartoon-sm: var(--cartoon-shadow-sm);
-    --shadow-cartoon-md: var(--cartoon-shadow-md);
-    --shadow-cartoon-lg: var(--cartoon-shadow-lg);
-
-    /* BC.W-CONTROL-SMOOTH — the warm focus-ring box-shadow bridged to the
-       `shadow-focus-ring` utility (AW.W26 --focus-ring-shadow register). The
-       `.focus-ring` utility auto-arms on :focus-visible; this bridge lets a
-       surface compose the SAME warm ring on a NON-:focus-visible state (the
-       TagsInputItem reka roving-tabindex `data-[state=active]` selection) via the
-       @theme utility, not a `shadow-[var(--focus-ring-shadow)]` arbitrary wrap. */
-    --shadow-focus-ring: var(--focus-ring-shadow);
-
-    /* ═══════════════════════════════════════════════
-       Blur → blur-* and backdrop-blur-* utilities
-       ═══════════════════════════════════════════════ */
-    --blur-glass-wash:     var(--glass-blur-wash-radius);
-    --blur-glass-quiet:    var(--glass-blur-quiet-radius);
-    --blur-glass-resting:  var(--glass-blur-resting-radius);
-    --blur-glass-floating: var(--glass-blur-floating-radius);
-    --blur-glass-overlay:  var(--glass-blur-overlay-radius);
-    /* BG.W-CLOSEFIX-9SITE — the `--blur-dock` @theme bridge (→ the `blur-dock`/
-       `backdrop-blur-dock` Tailwind utility) RETIRED with the `--glass-blur-dock` chain
-       it read (zero utility consumers; the dock reads `--dock-surface-blur`). */
-
-    /* ═══════════════════════════════════════════════
-       Easing → ease-* utilities
-       ═══════════════════════════════════════════════ */
-    --ease-spring-smooth: var(--spring-smooth);
-    --ease-spring-snappy: var(--spring-snappy);
-    --ease-spring-bouncy: var(--spring-bouncy);
-    --ease-spring-gentle: var(--spring-gentle);
-    /* BC.W-SPRING-EASE — the minted iOS interactive press register's @theme alias
-       (the documented public register the consumers reach by name; the JS path
-       reads it via useSpringPress + --glass-btn-press-t). */
-    --ease-spring-press: var(--spring-press);
-    --ease-standard: var(--motion-ease-standard);
-    --ease-out: var(--motion-ease-out);
-    --ease-in: var(--motion-ease-in);
-    --ease-out-expo: var(--motion-ease-out-expo);
-    --ease-apple: var(--motion-ease-apple);
-    --ease-spring: var(--spring-snappy);
-    --ease-decelerate: var(--motion-ease-out);
-    --ease-accelerate: var(--motion-ease-in);
-
-    /* ═══════════════════════════════════════════════
-       Duration → duration-* utilities
-       ═══════════════════════════════════════════════ */
-    --transition-duration-instant: var(--duration-instant);
-    --transition-duration-fast: var(--duration-fast);
-    --transition-duration-normal: var(--duration-normal);
-    --transition-duration-slow: var(--duration-slow);
-    --transition-duration-panel: var(--duration-panel);
-    --transition-duration-xl: var(--duration-xl);
-    --transition-duration-xxl: var(--duration-xxl);
-    /* BC.W-CONTROL-SMOOTH — the named iOS control-press surface beat (0.12s, the
-       calm bg/color/box-shadow cross-fade clock the `.control-surface`/Toggle
-       family rides). Bridged to the `duration-control` utility so a control
-       composes the named clock, not a `duration-[var(--duration-control)]` wrap. */
-    --transition-duration-control: var(--duration-control);
-    /* BA.W-GLASS-CAL — `--transition-duration-sparkle` bridge DELETED with the
-       `--duration-sparkle` token (the disco retirement); no `duration-sparkle`
-       utility consumer. */
-}

package/src/styles/theme/dark.css

@@ -1,7 +0,0 @@
-/* theme/dark.css — the class-based dark-mode variant (AZ.W-CARVE partial 4 of 4).
-
-   Cascade: this partial MUST @import LAST (after radius/bridges/literals) — it
-   declares the `dark:` variant the rest of the cascade keys off. */
-
-/* Class-based dark mode */
-@variant dark (&:where(.dark, .dark *));

package/src/styles/theme/literals.css

@@ -1,104 +0,0 @@
-/* theme/literals.css — the trailing plain @theme: directly-authored LITERALS
-   (AZ.W-CARVE partial 3 of 4).
-
-   The override surface here is the namespaced var itself, not a tokens.css
-   bridge, so these mint their global variable. The --animate-* composites
-   (literal keyframe name + var() timing — no tokens.css twin to double), the
-   opacity rungs, and the text-shadow family.
-
-   Cascade: this partial MUST @import AFTER theme/bridges.css and BEFORE
-   theme/dark.css. */
-
-@theme {
-    /* ═══════════════════════════════════════════════
-       Animation → animate-* utilities
-       ═══════════════════════════════════════════════ */
-    /* BI.W-GLASS-DEDUP — `--animate-floating-panel-in` RETIRED with floating-panel.css
-       (its sole consumer, FAM-9). The `floating-panel-in` @keyframes is deleted too. */
-    --animate-tooltip-in: tooltip-in var(--duration-fast) var(--ease-out);
-    --animate-fade-in: fade-in var(--duration-normal) var(--spring-smooth);
-    --animate-scale-in: scale-in var(--duration-normal) var(--spring-smooth);
-    --animate-slide-up: slide-up var(--duration-normal) var(--spring-smooth);
-    --animate-dock-in: dock-in var(--duration-panel) var(--spring-snappy) both;
-    /* ── Shimmer family: documented duration offset ──────────────────────────
-       The shimmer ladder is intentionally non-paired-by-name:
-       - `--animate-shimmer` reads `--duration-shimmer-fast` (3s) — fast loop
-         tempo for the band-pass shimmer pattern (skeleton, marketing).
-       - `--animate-shimmer-sweep` and `--animate-gold-shimmer` both read the
-         unsuffixed `--duration-shimmer` (5s) — slower one-pass sweep for
-         brand-polish moments (Complete! gold-shimmer headline, hero lifts).
-       The fast/canonical split exists because the two shimmer modes (looping
-       band-pass vs one-pass sweep) want different tempos. The pre-V audit
-       (C-c §5.3) flagged this as a "naming inversion"; it is intentional —
-       documented here so the offset is searchable. The orphan
-       `--duration-shimmer-slow` (8s) was excised in V.W2 T5.
-
-       BB.W-METAL-SHIMMER — `--animate-gold-shimmer` re-points onto the metal-
-       PARAMETERIZED `metal-shimmer-sweep` keyframe (the gold-only
-       `gold-shimmer-slide` RETIRED — clean break, no alias); the duration/tempo
-       are byte-preserved (the gold READ unchanged). `--animate-metal` is the
-       brand-metal family's own row on the slow `--duration-metal` (6s) clock — the
-       `.metal-{gold,silver,bronze}`/`.metal-*-border`/`.metal-rainbow-rim`
-       utilities read it (utilities/metal.css). */
-    --animate-shimmer: shimmer var(--duration-shimmer-fast) linear infinite;
-    --animate-shimmer-sweep: shimmer-sweep var(--duration-shimmer) ease-in-out infinite;
-    --animate-gold-shimmer: metal-shimmer-sweep var(--duration-shimmer) linear infinite;
-    --animate-metal: metal-shimmer-sweep var(--duration-metal) linear infinite;
-    --animate-shake: shake 0.5s ease-in-out;
-
-    /* ═══════════════════════════════════════════════
-       Opacity → opacity-* utilities
-
-       Bridges the canonical `--opacity-disabled` (0.5) and
-       `--opacity-icon-muted` (0.8) rungs from tokens.css §11. Tailwind
-       v4 generates `opacity-disabled` / `opacity-icon-muted` utilities
-       (and the `disabled:opacity-disabled` modifier form) from these
-       @theme declarations; the values match tokens.css line 550-551.
-
-       Consumers replace 18+ hardcoded `disabled:opacity-50` literals
-       across the primitive slice with `disabled:opacity-disabled`.
-       (Per audit U.W0.C-a §1.2 / §gap.4 — U12.)
-       ═══════════════════════════════════════════════ */
-    --opacity-disabled:   0.5;
-    --opacity-icon-muted: 0.8;
-
-    /* ═══════════════════════════════════════════════
-       text-shadow → text-shadow-* utilities (AW.W26)
-
-       text-shadow is the lone shadow family that shipped no `@theme` bridge
-       (Tailwind v4.1 minted the `text-shadow-{2xs,xs,sm,md,lg}` utilities). The
-       rungs are warm-`--shadow-color`-derived via `color-mix` per the box-shadow
-       ladder (tokens.css §7) + the cartoon-shadow precept's one-source chain, so
-       they re-tint under `.dark` BY CONSTRUCTION — `--shadow-color: var(--foreground)`
-       flips light→dark with no hardcoded `.dark` re-declaration. The hand-rolled
-       multi-stop `text-shadow:` literals in `.depth-text` (utilities.css) +
-       `.text-engraved` (typography.css) now compose these tokens. */
-    --text-shadow-2xs: 0 1px 0 color-mix(in srgb, var(--shadow-color) 12%, transparent);
-    --text-shadow-xs:  0 1px 1px color-mix(in srgb, var(--shadow-color) 16%, transparent);
-    --text-shadow-sm:  0 1px 0 color-mix(in srgb, var(--shadow-color) 14%, transparent),
-                       0 2px 3px color-mix(in srgb, var(--shadow-color) 18%, transparent);
-    --text-shadow-md:  0 1px 0 color-mix(in srgb, var(--shadow-color) 16%, transparent),
-                       0 2px 4px color-mix(in srgb, var(--shadow-color) 20%, transparent),
-                       0 4px 8px color-mix(in srgb, var(--shadow-color) 14%, transparent);
-    --text-shadow-lg:  0 1px 0 color-mix(in srgb, var(--shadow-color) 18%, transparent),
-                       0 2px 4px color-mix(in srgb, var(--shadow-color) 22%, transparent),
-                       0 6px 12px color-mix(in srgb, var(--shadow-color) 18%, transparent);
-
-    /* Two IDENTITY text-shadow tokens — the hard offset STAMP (`.depth-text`)
-       + the two-stop EMBOSS (`.text-engraved`). These hold the multi-stop
-       literals INSIDE the `@theme` defs so the utilities compose `var(--text-shadow-*)`
-       and no raw `text-shadow:` literal survives in `utilities.css`/`typography.css`
-       (AW.W26 gate 4). Both are `--shadow-color`/surface-tint-derived, so they
-       re-tint under `.dark` BY CONSTRUCTION. */
-    --text-shadow-depth: 1px 1px 0 var(--shadow),
-                         2px 2px 0 var(--shadow),
-                         3px 3px 0 var(--shadow),
-                         4px 4px 0 var(--shadow),
-                         5px 5px 0 var(--shadow),
-                         5px 5px 1px color-mix(in srgb, var(--shadow-color) 10%, transparent),
-                         2px 2px 2px color-mix(in srgb, var(--shadow-color) 20%, transparent),
-                         4px 4px 5px color-mix(in srgb, var(--shadow-color) 25%, transparent),
-                         6px 6px 10px color-mix(in srgb, var(--shadow-color) 15%, transparent);
-    --text-shadow-engraved: 0 1px 0 color-mix(in srgb, var(--background) 30%, transparent),
-                            0 -1px 0 var(--surface-tint-8);
-}