/* ════════════════════════════════════════════════════════════════════
   liveroll-theme.css — LiveRoll personality layer (GOLD · CASINO · WEIGHTY)
   Sits on top of /livegames/livegames-base.css.
   Battle.net model: shared shell (livegames-base) + distinct brand here.
   This file owns ONLY: accent color, motion, and the LiveRoll token
   aliases (--lr-*) so existing LiveRoll markup keeps resolving.
   Surfaces, ink, typography, spacing, card system = inherited from base.
   S7 (#3260) · 2026-06-02
   ════════════════════════════════════════════════════════════════════ */
:root {
  /* ── PER-GAME ACCENT — LiveRoll gold (consumed by livegames-base) ──── */
  --lg-game-accent:      #d4a843;                 /* casino gold */
  --lg-game-accent-soft: #e8c875;                 /* hot/hover gold */
  --lg-game-accent-dim:  rgba(212,168,67,0.18);
  --lg-game-pulse:       oklch(0.78 0.12 80);     /* warm settle pulse */

  /* ── MOTION — casino weighty (slow, deliberate, NO bounce) ─────────── */
  --lr-motion-micro:     140ms;   /* taps / micro */
  --lr-motion-std:       220ms;   /* standard transitions (200–280 band) */
  --lr-motion-large:     280ms;   /* drawers / sheets */
  --lr-ease:             cubic-bezier(0.33, 0, 0.2, 1);   /* weighty ease-out, no overshoot */
  --lr-ease-settle:      cubic-bezier(0.4, 0, 0.1, 1);    /* heavy settle */

  /* ════════════════════════════════════════════════════════════════════
     LiveRoll token aliases — map --lr-* onto the shared --lg-* tokens.
     Fallback = original LiveRoll value so nothing can break if base CSS
     is ever absent. These let all existing LiveRoll CSS + markup
     (game-contest-hud.css, play-multi.html inline) resolve unchanged.
     ════════════════════════════════════════════════════════════════════ */
  --lr-graphite:    var(--lg-surface-0, #0a0d10);
  --lr-graphite-2:  var(--lg-surface-1, #0e1418);
  --lr-graphite-3:  var(--lg-surface-2, #14191e);
  --lr-graphite-4:  var(--lg-surface-3, #181d22);
  --lr-bg-app:      var(--lg-bg,        #050709);

  --lr-edge:        var(--lg-edge,      rgba(255,255,255,0.06));
  --lr-edge-2:      var(--lg-edge-2,    rgba(255,255,255,0.10));

  --lr-ink:         var(--lg-ink,       #f0f0ec);
  --lr-ink-dim:     var(--lg-ink-dim,   rgba(240,240,236,0.55));
  --lr-ink-faint:   var(--lg-ink-faint, rgba(240,240,236,0.32));

  --lr-gold:        var(--lg-accent,      #d4a843);
  --lr-gold-soft:   var(--lg-accent-soft, #e8c875);
  --lr-gold-dim:    var(--lg-accent-dim,  rgba(212,168,67,0.18));
  --lr-active:      var(--lg-accent-soft, #e8c875);
  --lr-pulse:       var(--lg-pulse,       oklch(0.78 0.12 80));

  --lr-win:         var(--lg-win,  #6dba80);
  --lr-loss:        var(--lg-loss, #e57373);
  --lr-don:         #c8362d;   /* LiveRoll "don't" red — brand-specific, no base equiv */

  /* Layout heights kept LITERAL — LiveRoll's live shell uses 96/52,
     base ships 96/46; do NOT inherit strip-h or the live layout shifts. */
  --lr-rail-h:      96px;
  --lr-strip-h:     52px;
  --lr-card-radius: var(--lg-card-radius, 10px);
  --lr-tx:          var(--lr-motion-std, 200ms);
}