/* Shared design tokens for the public site and the admin console.
   Series colours validated with the dataviz skill (CVD-safe on the dark surface):
   Black player = blue, White player = orange. Dark is the default (matches the videos). */
:root {
  --brand-name: "AI Plays Go";
  --surface: #1a1a19;
  --surface-2: #232321;
  --surface-3: #2d2d2a;
  --border: #3a3a37;
  --text: #f0efec;
  --text-2: #b9b7b0;
  --text-3: #85837c;
  --black-player: #3987e5;
  --white-player: #d95926;
  --accent: #3987e5;
  --good: #3fa34d;
  --warning: #d9a326;
  --critical: #d64545;
  --board: #d9b26f;
  --board-line: #3b2f1c;
  --stone-black: #141414;
  --stone-white: #f4f2ec;
  --radius: 8px;
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  color-scheme: dark;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --surface: #fbfaf7; --surface-2: #f1efe9; --surface-3: #e6e3db; --border: #d6d2c8;
    --text: #1a1a19; --text-2: #4a4843; --text-3: #6f6c64;
    --black-player: #1f6fd1; --white-player: #c24a17; --accent: #1f6fd1;
    color-scheme: light;
  }
}
:root[data-theme="light"] {
  --surface: #fbfaf7; --surface-2: #f1efe9; --surface-3: #e6e3db; --border: #d6d2c8;
  --text: #1a1a19; --text-2: #4a4843; --text-3: #6f6c64;
  --black-player: #1f6fd1; --white-player: #c24a17; --accent: #1f6fd1;
  color-scheme: light;
}
body { background: var(--surface); color: var(--text); font-family: var(--font); margin: 0; }