/* In-game light. Applies only when that page opted in (data-game-light="1"),
   which js/game-palette.js sets from GAME_LIGHT. Every flag defaults to false,
   so these rules do not paint until one game is switched on.
   Future games: use var(--game-board) and the other tokens, and read them
   through RRGamePalette at draw time. */

html[data-theme="light"][data-game-light="1"] {
  --game-board: #f7faf6;
  --game-object: #083d10;
  --game-object-rgb: 8,61,16;
  --game-hud: #0c3d12;
  --game-hud-strong: #083d10;
  --game-head-ink: #f7faf6;
  --game-grid: rgba(8,61,16,0.16);
  --game-grid-sc: rgba(8,61,16,0.14);
  --game-food-glow: rgba(8,61,16,0.18);
  --game-danger: #9b1c1c;
  --game-danger-rgb: 155,28,28;
  --game-flash-rgb: 155,28,28;
  --game-pause: rgba(247,250,246,0.88);
  --game-pause-ink: #083d10;
  --game-player: #083d10;
  --game-paddle-edge: #083d10;
  --game-paddle-mid: #1f6a30;
  --game-paddle-glow: rgba(8,61,16,0.35);
  --game-node: #083d10;
  --game-node-dim: #3d7a46;
  --game-rain: rgba(8,61,16,0.18);
  --game-trace: #1f6a30;
  --game-label: #0c3d12;
  --game-shadow: #083d10;
  --game-overlay: rgba(247, 250, 246, 0.94);
  --game-title: #0d1f0e;
  --game-copy: #14241a;
  --game-quiet: #24362b;
  --game-score: #0c3d12;
  --game-hard: #9b1248;
  --game-mark: #0f5c12;
  --game-mark-ink: #ffffff;
  --game-gold: #8a6a00;
  --game-gold-ink: #ffffff;
  --game-absent-bg: #e7eee8;
  --game-absent-ink: #24362b;
  --game-key-bg: #ffffff;
  --game-key-ink: #0d3d10;
  --game-tile-bg: #ffffff;
  --game-tile-border: #1b5e20;
}

html[data-theme="light"][data-game-light="1"] .game-shell,
html[data-theme="light"][data-game-light="1"] .gs-shell,
html[data-theme="light"][data-game-light="1"] .fb-shell {
  background: var(--game-board);
  border-color: #1b5e20;
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .game-hud,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-hud,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-hud {
  color: var(--game-hud);
  text-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .game-hud strong,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-hud strong,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-hud strong {
  color: var(--game-hud-strong);
}

html[data-theme="light"][data-game-light="1"] .fb-shell[data-fb-mode-current="hard"] .fb-hud-mode strong {
  color: var(--game-hard);
  text-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .game-overlay,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-overlay,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-overlay {
  background: var(--game-overlay);
}

html[data-theme="light"][data-game-light="1"] .game-overlay h2,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-overlay h2,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-overlay h2 {
  color: var(--game-title);
  text-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .game-overlay p,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-overlay p,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-overlay p {
  color: var(--game-copy);
}

html[data-theme="light"][data-game-light="1"] .game-overlay .muted,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-overlay .muted {
  color: var(--game-quiet);
}

html[data-theme="light"][data-game-light="1"] .game-overlay .score-line,
html[data-theme="light"][data-game-light="1"] .gs-shell .game-overlay .score-line,
html[data-theme="light"][data-game-light="1"] .fb-shell .game-overlay .score-line {
  color: var(--game-score);
}

html[data-theme="light"][data-game-light="1"] .gs-pad {
  background: linear-gradient(180deg, transparent, rgba(244, 247, 244, 0.94));
}

html[data-theme="light"][data-game-light="1"] .gs-pad__btn {
  color: #083d10;
  background: #ffffff;
  border-color: #1b5e20;
}

html[data-theme="light"][data-game-light="1"] .gs-pad__btn--pause {
  color: #0c3d12;
}

html[data-theme="light"][data-game-light="1"] .gs-pad__btn:active,
html[data-theme="light"][data-game-light="1"] .gs-pad__btn[aria-pressed="true"] {
  background: rgba(15, 92, 18, 0.12);
  border-color: #0f5c12;
}

html[data-theme="light"][data-game-light="1"] .fb-timer {
  background: rgba(15, 92, 18, 0.12);
  border-color: #0f5c12;
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .fb-timer__fill {
  background: linear-gradient(90deg, #083d10 0%, #0f5c12 100%);
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .fb-port:not(.is-open) {
  color: #083d10;
  background: #ffffff;
  border-color: #1b5e20;
}

html[data-theme="light"][data-game-light="1"] .fb-mode {
  background: #ffffff;
  border-color: #0f5c12;
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .fb-mode__btn:not([aria-pressed="true"]) {
  color: #083d10;
}

html[data-theme="light"][data-game-light="1"] .fb-mode__btn:not([aria-pressed="true"]):hover {
  color: #083d10;
  background: rgba(15, 92, 18, 0.08);
}

html[data-theme="light"][data-game-light="1"] .dd-tile:not(.is-correct):not(.is-present):not(.is-absent),
html[data-theme="light"][data-game-light="1"] .cc-tile:not(.is-correct):not(.is-present):not(.is-absent) {
  background: var(--game-tile-bg);
  border-color: var(--game-tile-border);
  color: #0d1f0e;
}

html[data-theme="light"][data-game-light="1"] .dd-tile.is-filled:not(.is-correct):not(.is-present):not(.is-absent),
html[data-theme="light"][data-game-light="1"] .cc-tile.is-filled:not(.is-correct):not(.is-present):not(.is-absent) {
  border-color: #0f5c12;
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .dd-tile.is-correct,
html[data-theme="light"][data-game-light="1"] .cc-tile.is-correct,
html[data-theme="light"][data-game-light="1"] .dd-key.is-correct,
html[data-theme="light"][data-game-light="1"] .cc-key.is-correct,
html[data-theme="light"][data-game-light="1"] .dd-chip--correct {
  background: var(--game-mark);
  border-color: var(--game-mark);
  color: var(--game-mark-ink);
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .dd-tile.is-present,
html[data-theme="light"][data-game-light="1"] .cc-tile.is-present,
html[data-theme="light"][data-game-light="1"] .dd-key.is-present,
html[data-theme="light"][data-game-light="1"] .cc-key.is-present,
html[data-theme="light"][data-game-light="1"] .dd-chip--present {
  background: var(--game-gold);
  border-color: var(--game-gold);
  color: var(--game-gold-ink);
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .dd-tile.is-absent,
html[data-theme="light"][data-game-light="1"] .cc-tile.is-absent,
html[data-theme="light"][data-game-light="1"] .dd-chip--absent {
  background: var(--game-absent-bg);
  border-color: #3d5244;
  color: var(--game-absent-ink);
  box-shadow: none;
}

html[data-theme="light"][data-game-light="1"] .dd-key:not(.is-correct):not(.is-present):not(.is-absent),
html[data-theme="light"][data-game-light="1"] .cc-key:not(.is-correct):not(.is-present):not(.is-absent) {
  background: var(--game-key-bg);
  border-color: #1b5e20;
  color: var(--game-key-ink);
}

html[data-theme="light"][data-game-light="1"] .dd-key.is-absent,
html[data-theme="light"][data-game-light="1"] .cc-key.is-absent {
  background: var(--game-absent-bg);
  border-color: #3d5244;
  color: var(--game-absent-ink);
}

html[data-theme="light"][data-game-light="1"] .dd-board,
html[data-theme="light"][data-game-light="1"] .cc-board,
html[data-theme="light"][data-game-light="1"] .dd-kb,
html[data-theme="light"][data-game-light="1"] .cc-pad {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}