/* ╔══════════════════════════════════════════════════════════════════╗
   ║ MAINTAINED IN: Crossroads Mobile (sub-system)                    ║
   ║   /projects/484415d2-0683-464f-a0e6-9ee245850d99                 ║
   ║   Owner: the LT-Mobile product maintainer (you).                 ║
   ║   Mirror only — edit in the DS project then resync this file.    ║
   ╚══════════════════════════════════════════════════════════════════╝ */
/* ─────────────────────────────────────────────────────────────────────────
   Crossroads Mobile — product-local tokens
   ─────────────────────────────────────────────────────────────────────────

   The rule: mobile consumes Foundation tokens (`var(--c-*)`, `var(--s-*)`,
   `var(--r-*)`, `var(--fw-*)`, `var(--shadow-*)`, `var(--ease-*)`, `var(--t-*)`,
   `var(--font-*)`) wherever the value already exists upstream.

   This file declares ONLY values that have no Foundation equivalent — the
   gaps mobile fills locally. Every token is namespaced (`--c-lt-*`, `--t-lt-*`,
   `--ease-lt-*`) so it can never be confused with a CDS token. If Foundation
   later ships an equivalent, retire the corresponding `--lt-*` token here and
   sweep the consumers.

   Load order in every mobile kit page:
     1. crossroads-shared/colors_and_type.css  (Foundation tokens)
     2. mobile-typography.css                  (mobile type extensions)
     3. crossroads-shared/components.css       (Foundation primitives)
     4. _mobile-tokens.css                     (this file)
     5. _mobile-primitives.css                 (mobile primitives — consumes the above)
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ═══════════════════════════════════════════════════════════════════════
     SCRIM — translucent washes used by edge effects + pull-to-refresh
     No Foundation equivalent: Foundation doesn't ship alpha-tinted color
     variants of the brand ramps. Scrim is a mobile-product affordance.
     ═══════════════════════════════════════════════════════════════════════ */
  --c-lt-scrim-soft:   rgba(0, 60, 100, 0.10);   /* journey-700 @ 10% — pull-to-refresh edge */
  --c-lt-scrim-strong: rgba(0, 60, 100, 0.50);   /* journey-700 @ 50% — modal backdrop */
  --c-lt-scrim-dark:   rgba(20, 29, 38, 0.45);   /* neutral-900 @ 45% — bottom-sheet scrim */

  /* ═══════════════════════════════════════════════════════════════════════
     GLASS — translucent white overlays for icon buttons on dark backdrops
     No Foundation equivalent: Foundation's neutral ramp is opaque only.
     ═══════════════════════════════════════════════════════════════════════ */
  --c-lt-glass-soft:   rgba(255, 255, 255, 0.16);   /* LTIconButton resting on dark */
  --c-lt-glass-strong: rgba(255, 255, 255, 0.24);   /* LTIconButton hover on dark */

  /* ═══════════════════════════════════════════════════════════════════════
     SHADOWS — mobile-only product-local shadows
     Foundation ships --shadow-xs/sm/md/lg + --shadow-card. Card surfaces use
     those directly. The values below are upward / oversized shadows specific
     to mobile sheet + phone-frame patterns that Foundation doesn't cover.
     ═══════════════════════════════════════════════════════════════════════ */
  --c-lt-shadow-sheet:       0 -8px 24px rgba(0, 0, 0, 0.08);          /* Bottom sheet rises from below */
  --c-lt-shadow-phone-frame: 0 24px 60px rgba(20, 29, 38, 0.12);       /* Kit-demo phone bezel */

  /* ═══════════════════════════════════════════════════════════════════════
     MOTION — bottom-sheet spring
     Foundation ships --t-fast/normal/slow + --ease-out/in-out. The values
     below are sheet-specific motion (slower, with more pronounced ease-out)
     that don't map to any Foundation duration / ease.
     ═══════════════════════════════════════════════════════════════════════ */
  --t-lt-sheet:    240ms;
  --ease-lt-sheet: cubic-bezier(0.32, 0.72, 0, 1);

  /* ═══════════════════════════════════════════════════════════════════════
     FONT SIZES — none. (2026-06-02, §3)
     The mobile-only --fs-22 / --fs-26 steps were RETIRED. Typography is
     owned in the CDS and every type role now snaps to a foundation --fs-*
     token (heading ladder: 28 / 24 / 20 / 18 / 16). Do not reintroduce
     off-grid font-size tokens here.
     ═══════════════════════════════════════════════════════════════════════ */
}