/* Ballpark: Outfield green, chalk white, infield brown. Colors only. */
[data-site='ballpark'][data-theme='dark'] {
  --bg: #0f2a1d;
  --bg-sunken: #0a2015;
  --surface: #15382a;
  --surface-raised: #1c4635;
  --surface-hover: #245540;
  --border: #2f5a47;
  --border-strong: #5f8671;
  --text: #fbfaf5;
  --text-muted: #bccdc2;
  --text-faint: #94ad9f;
  --accent: #d39a5d;
  --accent-hover: #e6b37e;
  --accent-press: #b98045;
  --accent-text: #e6b37e;
  --on-accent: #1c1208;
  --accent-soft: #f4f1e4;
  --accent-soft-bg: #245540;
  --on-accent-soft: #f4f1e4;
  --selected-bg: #fbfaf5;
  --selected-text: #0f2a1d;
  --positive: #8ce8b4;
  --negative: #ffa29a;
  --danger: #ffa29a;
  --highlight: #f2c94c;
  --special: #c5b3ff;
  --on-positive: #0a2015;
  --on-negative: #2a0c09;
  --positive-bg: #1f4f39;
  --negative-bg: #4a2a26;
  --highlight-bg: #3f3a18;
  --special-bg: #2f3150;
  --focus-ring: #e6b37e;
  --scrim: rgb(4 14 9 / 0.6);
  --wash: rgb(251 250 245 / 0.08);
  --wash-strong: rgb(251 250 245 / 0.14);
  --shadow-color: rgb(4 14 9 / 0.6);
  --glow-color: rgb(211 154 93 / 0.16);
  --glow-edge: rgb(211 154 93 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #a8703c;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #0f2a1d;
  color-scheme: dark;
}

[data-site='ballpark'][data-theme='light'] {
  --bg: #fbfaf5;
  --bg-sunken: #f1eee3;
  --surface: #ffffff;
  --surface-raised: #f3f0e6;
  --surface-hover: #e8e3d4;
  --border: #dfd9c8;
  --border-strong: #b1a88f;
  --text: #14241b;
  --text-muted: #4d5f54;
  --text-faint: #6d7b70;
  --accent: #1f6b45;
  --accent-hover: #2a8257;
  --accent-press: #184f33;
  --accent-text: #1f6b45;
  --on-accent: #fbfaf5;
  --accent-soft: #8a5a2b;
  --accent-soft-bg: #f1e4d2;
  --on-accent-soft: #6b4420;
  --selected-bg: #14241b;
  --selected-text: #fbfaf5;
  --positive: #1f6b45;
  --negative: #b3261e;
  --danger: #b3261e;
  --highlight: #8a6100;
  --special: #5b34b8;
  --on-positive: #fbfaf5;
  --on-negative: #ffffff;
  --positive-bg: #dcefe2;
  --negative-bg: #f9e0dd;
  --highlight-bg: #f7ecc8;
  --special-bg: #ece4fb;
  --focus-ring: #1f6b45;
  --scrim: rgb(20 36 27 / 0.6);
  --wash: rgb(20 36 27 / 0.08);
  --wash-strong: rgb(20 36 27 / 0.14);
  --shadow-color: rgb(20 36 27 / 0.14);
  --glow-color: rgb(31 107 69 / 0.16);
  --glow-edge: rgb(31 107 69 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #6f4520;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #fbfaf5;
  color-scheme: light;
}