:root {
  --bg: #101515;
  --bg-deep: #0c1110;
  --panel: #1b2423;
  --panel-light: #263230;
  --panel-hover: #303c38;
  --text: #eee5d3;
  --text-bright: #fffaf0;
  --text-dim: #9faaa3;
  --text-faint: #77827e;
  --accent: #caa56a;
  --accent-dark: #80663f;
  --accent-soft: rgba(202, 165, 106, 0.15);
  --red: #c64b40;
  --red-light: #db6659;
  --ink: #2b2c29;
  --success: #83b99a;
  --danger: #d45e54;
  --wood-light: #efd39a;
  --wood-mid: #dbb46e;
  --wood-dark: #aa7945;
  --wood-line: #6d4c2e;
  --piece-bg: #f1dfb9;
  --legal-dot: rgba(71, 52, 34, 0.42);
  --last-move: rgba(232, 186, 88, 0.65);
  --check-glow: rgba(198, 75, 64, 0.72);
  --sidebar-w: 264px;
  --header-h: 76px;
  --radius: 10px;
  --control-h: 46px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}