/* CheckerGames — token system.
   Two independent axes (spec §6b):
     SKIN     = finish + chrome (frame, accent, fonts, treatment)        → :root[data-skin="…"]
     VARIANT  = game identity   (board squares, piece colours)            → :root[data-variant="…"]
   Variant tokens cascade AFTER skin so they win for board/pieces while
   the skin keeps owning everything else. */

/* ============ SKINS (chrome only — board+piece colours intentionally NOT here) ============ */
:root[data-skin="walnut"]{
  --bg:#14110D; --surface:#1C1813;
  --frame:linear-gradient(145deg,#6B4E37,#4A3526 40%,#2C2017);
  --crown:#E3C46E; --accent:#C9A24B; --accent-hi:#E3C46E; --accent-on:#1a1206;
  --text:#ECE3D2; --muted:#A99C82; --line:rgba(201,162,75,.16);
  --radius:14px; --board-radius:6px; --frame-pad:16px;
  --pc-shadow:0 4px 9px rgba(0,0,0,.5), inset 0 2px 3px rgba(255,255,255,.22), inset 0 -5px 8px rgba(0,0,0,.45);
  --pc-glow:none;
  --font-display:'Fraunces',Georgia,serif;
  --font-ui:'Hanken Grotesk',system-ui,sans-serif;
}

:root[data-skin="neon"]{
  --bg:#080A12; --surface:#0E1120;
  --frame:linear-gradient(145deg,#1b2240,#0e1120);
  --crown:#FFE45E; --accent:#22E0E5; --accent-hi:#7BF6F9; --accent-on:#04141a;
  --text:#E9F2FF; --muted:#7E8AB5; --line:rgba(34,224,229,.20);
  --radius:10px; --board-radius:8px; --frame-pad:12px;
  --pc-shadow:0 2px 6px rgba(0,0,0,.6);
  --pc-glow:0 0 16px var(--pc-self-hi),0 0 4px var(--pc-self-hi);
  --font-display:'Chakra Petch',sans-serif;
  --font-ui:'Hanken Grotesk',system-ui,sans-serif;
}

:root[data-skin="minimal"]{
  --bg:#F4F2EC; --surface:#FFFFFF;
  --frame:#E7E3D8;
  --crown:#E2A33C; --accent:#127C70; --accent-hi:#16957F; --accent-on:#ffffff;
  --text:#1E1E1C; --muted:#7A776E; --line:rgba(0,0,0,.10);
  --radius:10px; --board-radius:6px; --frame-pad:10px;
  --pc-shadow:none;
  --pc-glow:none;
  --font-display:'Sora',sans-serif;
  --font-ui:'Sora',sans-serif;
}

/* ============ VARIANT IDENTITIES (board + piece colours per the variant the player knows) ============ */

/* American checkers (English draughts): warm-brown + cream, red vs black. */
[data-variant="american"]{
  --sq-dark:#3A2A1E; --sq-light:#E7DCC4;
  --p1:#C8443A; --p1b:#7E241D;
  --p2:#3A3530; --p2b:#1A1714;
}

/* International, Brazilian, Russian, Canadian — draughts-club green + cream, white vs ebony.
   All four share the canonical identity; the difference between them is rules + board size. */
[data-variant="international"],
[data-variant="brazilian"],
[data-variant="russian"],
[data-variant="canadian"]{
  --sq-dark:#356A52; --sq-light:#E5DCC4;
  --p1:#F4EFE3; --p1b:#CFC6B0;
  --p2:#3A3A3A; --p2b:#141414;
}

/* Turkish (Dama) — saddle-brown + cream, white vs ebony, all squares used (engine flag). */
[data-variant="turkish"]{
  --sq-dark:#6B5640; --sq-light:#E7DCC4;
  --p1:#F4EFE3; --p1b:#CFC6B0;
  --p2:#3A3A3A; --p2b:#141414;
}

/* Chinese checkers is the bespoke board — its own component owns its palette. */

/* Variant identity (board + pieces) wins across all skins. Skin only owns chrome:
   frame, accent, fonts, --bg/--surface/--text/--muted/--line, --pc-shadow. */