:root {
  --breakpoint-one-up: 760px;
  --four-across-from: 2400px;
  --tap-min: 44px;
  --panel-gap: 10px;
  --feed-rows: 6px;
  --field-height: 56px;
  --field-height-full: 120px;
  --die-size: 34px;
  --die-size-full: 54px;
  --c-field: #2d6a3a;
  --c-field-line: #e9efe4;
  --c-first-down: #e8c547;
  --c-ball: #7a4a24;
  --c-drive: #f2f2ea;
  --c-snake: #d1453b;
  --c-boxcars: #e8b53a;
  --c-die-face: #f7f5ee;
  --c-die-pip: #141414;
  --c-grade-stuffed: #b23a32;
  --c-grade-held: #8b6b2b;
  --c-grade-won: #2f7a43;
  --c-grade-broken: #1f8a8a;
  --tumble-ms: 400ms;
  --tumble-2x-ms: 220ms;
  --flash-ms: 700ms;
  --poll-games-ms: 5000ms;
}
:root[data-theme="dark"] {
  --bg: #15171a;
  --panel: #1f2226;
  --panel-2: #272b30;
  --ink: #e8e6e1;
  --ink-dim: #9aa0a6;
  --gold: #e2b23a;
  --line: #343940;
}
:root[data-theme="light"] {
  --bg: #eceae4;
  --panel: #fbfaf7;
  --panel-2: #f1efe9;
  --ink: #1b1d20;
  --ink-dim: #5d636a;
  --gold: #a77b10;
  --line: #d4d1c8;
}