/* Shared by the TV and phone pages. Answer colours follow the Buzz! buzzer, top to bottom. */
:root {
  --bg: #f6f5f2;
  --fg: #16161a;
  --panel: #e8e6e1;
  --muted: #6b6a70;
  --good: #1f8a45;
  --bad: #c2362f;
  --warn-bg: #fff1c2;
  --warn-fg: #5c4400;
  --a0: #1e6fd9; /* blue */
  --a1: #ef7d12; /* orange */
  --a2: #2a9d4b; /* green */
  --a3: #f0c020; /* yellow */
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111114;
    --fg: #f2f1ee;
    --panel: #22222a;
    --muted: #9a99a2;
    --good: #4cc274;
    --bad: #ef6a62;
    --warn-bg: #3d3110;
    --warn-fg: #ffe08a;
  }
}
:root[data-theme="dark"] {
  --bg: #111114;
  --fg: #f2f1ee;
  --panel: #22222a;
  --muted: #9a99a2;
  --good: #4cc274;
  --bad: #ef6a62;
  --warn-bg: #3d3110;
  --warn-fg: #ffe08a;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}
button {
  font: inherit;
  font-weight: 700;
  padding: 0.6em 1.4em;
  border-radius: 999px;
  border: 0;
  background: var(--fg);
  color: var(--bg);
  cursor: pointer;
}
button:disabled { opacity: 0.35; cursor: default; }
input {
  font: inherit;
  padding: 0.6em 0.8em;
  border-radius: 10px;
  border: 2px solid var(--panel);
  background: var(--bg);
  color: var(--fg);
  width: 100%;
}