/* ═══════════════════════════════════════════════════════════════
   boardtheme.css  —  /public_html/chessboard/boardtheme.css
   ───────────────────────────────────────────────────────────────
   THIS FILE ONLY HANDLES:
     1. Default brown colours (before JS loads — prevents flash)
     2. Move-highlight overrides
     3. Fallback for chessboard.js hashed class names

   ACTUAL THEME COLOURS are injected by theme-loader.js at
   runtime via a <style> tag — this bypasses CSS custom-property
   cascade issues that caused gradient themes (walnut, green-soft,
   lavender, etc.) to silently fail in some browsers.

   ★ PERFORMANCE FIX:
   The previous version had a 280ms background transition on every
   square, which forced the GPU to interpolate gradient backgrounds
   on every piece-move animation frame. On low-end devices this
   destroyed frame rate for textured themes. Transition REMOVED.
   Theme switches are now instant — which matches how professional
   chess apps (Lichess, Chess.com) behave anyway.
═══════════════════════════════════════════════════════════════ */

/* ── Default: classic brown — visible before theme-loader.js runs ── */
.csq-light,
.white-1e1d7 { background: #f0d9b5 !important; }

.csq-dark,
.black-3c85d { background: #b58863 !important; }

/* ── No transition on background or box-shadow — prevents lag during
      piece animations on gradient themes ── */
.csq-light,
.csq-dark,
.white-1e1d7,
.black-3c85d {
  transition: none !important;
}

/* ── Move highlights — kept here so they're never overridden ── */
.highlight1-32417,
.highlight2-9c5d2 {
  box-shadow: inset 0 0 4px 4px rgba(255, 215, 0, .80) !important;
}