/* Gambit Chess — design tokens.
   One accent per theme for everything you can press: brass by night, a deep
   board green by day. Gold is kept for what was won: trophies, medals, top
   seeds and upsets. Type is one family, Hanken Grotesk, set tight for
   headings. */
:root {
  color-scheme: dark;
  --font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

  --bg: #0b110e;
  --bg-2: #0f1613;
  --surface: #141c18;
  --surface-2: #19231e;
  --surface-3: #202c26;
  --field: #0f1613;
  --line: rgba(226, 236, 229, 0.08);
  --line-2: rgba(226, 236, 229, 0.14);
  --line-accent: rgba(212, 172, 78, 0.34);

  --text: #edf0ea;
  --text-2: #bdc5bf;
  --text-3: #8b958e;
  --on-accent: #1a1406;

  --accent: #d4ac4e;
  --accent-2: #e3bf67;
  --accent-3: #9c7b31;
  --accent-glow: rgba(212, 172, 78, 0.28);
  --accent-soft: rgba(212, 172, 78, 0.11);
  --focus: #f0cf75;

  --gold: #d9b259;
  --gold-2: #e8c46e;
  --gold-soft: rgba(217, 178, 89, 0.14);
  --on-gold: #1a1406;

  --win: #7cc690;
  --loss: #ef7d68;
  --draw: #bab5a5;
  --danger: #ea6b50;
  --danger-2: #f5846b;
  --warn: #e8b552;
  --info: #82b5da;
  --live: #f05a48;

  /* Move classifications (Game Review) */
  --c-brilliant: #26b5a4;
  --c-great: #5c8fdc;
  --c-best: #7fb446;
  --c-excellent: #94c25a;
  --c-good: #9fb79a;
  --c-book: #b98d5e;
  --c-inaccuracy: #e8c34f;
  --c-mistake: #ec8b3c;
  --c-miss: #e06f6f;
  --c-blunder: #d63c37;
  --c-forced: #8e958f;

  --radius-s: 8px;
  --radius: 10px;
  --radius-l: 14px;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 20px -12px rgba(0, 0, 0, 0.6);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.3), 0 24px 64px -20px rgba(0, 0, 0, 0.75);
  --shadow-lift: 0 2px 4px rgba(0, 0, 0, 0.3), 0 14px 32px -14px rgba(0, 0, 0, 0.7);
  --inner-hi: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  --pattern: rgba(226, 236, 229, 0.028);

  --t-fast: 140ms;
  --t-med: 240ms;
  --t-slow: 420ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring: cubic-bezier(0.18, 0.89, 0.32, 1.18);

  --gutter: 24px;
  --topbar-h: 60px;
  --tabbar-h: 0px;
  --maxw: 1320px;

  /* Board themes (overridden by [data-board]) */
  --sq-light: #e8e0c6;
  --sq-dark: #4d755a;
  --sq-coord-light: #4d755a;
  --sq-coord-dark: #e8e0c6;
  --hl-last: rgba(214, 178, 82, 0.45);
  --hl-select: rgba(232, 196, 96, 0.6);
  --hl-premove: rgba(92, 128, 196, 0.55);
  --hl-check: rgba(226, 64, 48, 0.9);
  --dot: rgba(16, 28, 22, 0.32);
  --board-frame: #232a22;
}

/* Light theme: a bright club room. Neutral paper, white cards, ink text and
   a deep board green for everything you can press. */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f5f2;
  --bg-2: #eceee9;
  --surface: #ffffff;
  --surface-2: #f6f7f4;
  --surface-3: #eceee9;
  --field: #ffffff;
  --line: rgba(20, 33, 26, 0.1);
  --line-2: rgba(20, 33, 26, 0.17);
  --line-accent: rgba(28, 110, 75, 0.34);
  --text: #111a15;
  --text-2: #45514a;
  --text-3: #5f6a63;
  --on-accent: #ffffff;
  --accent: #1c6e4b;
  --accent-2: #165d3f;
  --accent-3: #0f4a31;
  --accent-glow: rgba(28, 110, 75, 0.2);
  --accent-soft: rgba(28, 110, 75, 0.08);
  --focus: #1c6e4b;
  --gold: #95670c;
  --gold-2: #c4901f;
  --gold-soft: rgba(196, 144, 31, 0.14);
  --on-gold: #1f1604;
  --win: #1d7a45;
  --loss: #c23a2c;
  --draw: #6b6f68;
  --danger: #c2372b;
  --danger-2: #d4453a;
  --warn: #a86a0a;
  --info: #2a6798;
  --live: #d8372a;
  --shadow-1: 0 1px 2px rgba(16, 24, 20, 0.05), 0 1px 1px rgba(16, 24, 20, 0.03);
  --shadow-2: 0 2px 6px rgba(16, 24, 20, 0.06), 0 18px 48px -16px rgba(16, 24, 20, 0.24);
  --shadow-lift: 0 2px 4px rgba(16, 24, 20, 0.05), 0 12px 28px -12px rgba(16, 24, 20, 0.2);
  --inner-hi: inset 0 0 0 0 transparent;
  --pattern: rgba(20, 33, 26, 0.035);
  --hl-last: rgba(214, 178, 82, 0.5);
  --board-frame: #d6dad3;
}
/* Board colours are set on the root by prefs.js (and theme-boot.js before the
   first paint) from BOARD_STYLES, so any style, including Custom, works. */