/* Hogwash: Barnyard mud and pig pink at night, straw paper and berry by day. Colors only. */
[data-site='hogwash'][data-theme='dark'] {
  --bg: #241a16;
  --bg-sunken: #1a1310;
  --surface: #30231d;
  --surface-raised: #3b2c25;
  --surface-hover: #48362d;
  --border: #574238;
  --border-strong: #8f766a;
  --text: #fbf3ee;
  --text-muted: #d4c4bb;
  --text-faint: #ab988e;
  --accent: #ff8fb1;
  --accent-hover: #ffabc5;
  --accent-press: #e9729a;
  --accent-text: #ffabc5;
  --on-accent: #2a0a16;
  --accent-soft: #fbf3ee;
  --accent-soft-bg: #48362d;
  --on-accent-soft: #fbf3ee;
  --selected-bg: #fbf3ee;
  --selected-text: #241a16;
  --positive: #8ce8b4;
  --negative: #ffa29a;
  --danger: #ffa29a;
  --highlight: #f2c94c;
  --special: #c5b3ff;
  --on-positive: #0a2015;
  --on-negative: #2a0c09;
  --positive-bg: #234536;
  --negative-bg: #4f2a27;
  --highlight-bg: #45391d;
  --special-bg: #352d4f;
  --focus-ring: #ffabc5;
  --scrim: rgb(16 10 8 / 0.6);
  --wash: rgb(251 243 238 / 0.08);
  --wash-strong: rgb(251 243 238 / 0.14);
  --shadow-color: rgb(16 10 8 / 0.6);
  --glow-color: rgb(255 143 177 / 0.16);
  --glow-edge: rgb(255 143 177 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #e9729a;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #241a16;
  color-scheme: dark;
}

[data-site='hogwash'][data-theme='light'] {
  --bg: #fbf5e6;
  --bg-sunken: #f2e9d2;
  --surface: #ffffff;
  --surface-raised: #f5eedb;
  --surface-hover: #ebe1c8;
  --border: #e0d4b8;
  --border-strong: #ae9f80;
  --text: #2b1d17;
  --text-muted: #5c4a40;
  --text-faint: #7a685e;
  --accent: #a8285a;
  --accent-hover: #c0336a;
  --accent-press: #8a1f49;
  --accent-text: #a8285a;
  --on-accent: #ffffff;
  --accent-soft: #6b4a12;
  --accent-soft-bg: #f6e6c0;
  --on-accent-soft: #5a3d0c;
  --selected-bg: #2b1d17;
  --selected-text: #fbf5e6;
  --positive: #1f6b45;
  --negative: #b3261e;
  --danger: #b3261e;
  --highlight: #8a6100;
  --special: #5b34b8;
  --on-positive: #fbf5e6;
  --on-negative: #ffffff;
  --positive-bg: #dcefe2;
  --negative-bg: #f9e0dd;
  --highlight-bg: #f7ecc8;
  --special-bg: #ece4fb;
  --focus-ring: #a8285a;
  --scrim: rgb(43 29 23 / 0.6);
  --wash: rgb(43 29 23 / 0.08);
  --wash-strong: rgb(43 29 23 / 0.14);
  --shadow-color: rgb(43 29 23 / 0.14);
  --glow-color: rgb(168 40 90 / 0.16);
  --glow-edge: rgb(168 40 90 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #a8285a;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #fbf5e6;
  color-scheme: light;
}