:root {
  --brand-logo: url('/logo.png');

  --page-bg: radial-gradient(ellipse at 50% 42%, #3d3a14 0%, #1a1808 55%, #080704 100%);
  --page-bg-highlight: #3d3a14;
  --page-bg-mid: #1a1808;
  --page-bg-deep: #080704;
  --remote-bg: #121410;

  --accent: #fdc52e;
  --accent-text: #121410;
  --accent-glow: rgba(253, 197, 46, 0.35);
  --muted-text: #c5c8d0;
  --surface: #282c28;
  --text: #ffffff;
  --card-score: #f4f1e8;

  --panel-frame-light: #c4b85f;
  --panel-frame-mid: #ac9e3b;
  --panel-frame-deep: #6f6624;
  --panel-edge: #e8e4c8;
  --panel-accent-edge: #00b4be;
  --board-frame-top: #41738d;
  --board-frame-bottom: #2a4d5e;
  --board-surface: #0c1418;
  --team-shadow: #041018;

  --marquee-light-highlight: #fff4c2;
  --marquee-light-mid: #fdc52e;
  --marquee-light-deep: #c48a10;
  --marquee-light-glow: rgba(253, 197, 46, 0.9);
  --border-light-highlight: #b8f4f8;
  --border-light-mid: #00b4be;
  --border-light-deep: #006870;
  --border-light-glow: rgba(0, 180, 190, 0.95);

  --points-bg: #07090e;
  --points-border: #fdc52e;
  --points-ring: #3a3210;
  --points-glow: rgba(253, 197, 46, 0.35);
  --points-text: #ffffff;

  --board-row-top: #41738d;
  --board-row-bottom: #2a4a5c;
  --board-row-border: #5a8aa3;
  --board-row-text: #f4f7ff;
  --board-row-open-top: #de7c50;
  --board-row-open-bottom: #8a4a2e;
  --board-row-open-border: #fdc52e;
  --board-row-open-text: #ffe9d0;

  --error-bg: #141414;
  --error-color: #ff2a2a;
  --error-border: #2a2a2a;
  --error-ring: #ac9e3b;
  --error-active-bg: #1a0505;
  --error-active-glow: rgba(255, 40, 40, 0.55);

  --controls-text: #1a1808;
  --controls-bg: #fdc52e;

  --team-bg: #070b14;
  --team-border: #fdc52e;
  --team-glow: rgba(253, 197, 46, 0.35);
  --team-name: #fdc52e;
  --team-score: #ffffff;
  --team-celebrate-glow: rgba(253, 197, 46, 0.95);

  --input-border: #6f6624;
  --input-bg: #120c06;
  --input-text: #f4f1e8;
  --input-focus-glow: rgba(253, 197, 46, 0.25);
  --form-error: #ffb4a8;

  --status-off-bg: #5a2a2a;
  --status-off-text: #ffd5d5;
  --status-on-bg: #1f4a2e;
  --status-on-text: #c8f5d4;
  --warning-bg: #7a1f1f;
  --remote-answer-open: #3d4450;
  --remote-discard: #5a2a2a;
  --remote-error-idle: #c4c4c4;
  --remote-error-active: #e10600;

  --confetti-1: #a7ae99;
  --confetti-2: #ac9e3b;
  --confetti-3: #de7c50;
  --confetti-4: #00b4be;
  --confetti-5: #fdc52e;
  --confetti-6: #41738d;
  --confetti-7: #7d7eab;
  --confetti-8: #946975;
}