/* Initially: Monogram ink and gold leaf on night blue, cream paper by day. Colors only. */
[data-site='initially'][data-theme='dark'] {
  --bg: #121a2e;
  --bg-sunken: #0c1324;
  --surface: #19233b;
  --surface-raised: #212d4a;
  --surface-hover: #2a3859;
  --border: #33426a;
  --border-strong: #6676a0;
  --text: #f7f3e8;
  --text-muted: #c3c6d6;
  --text-faint: #9aa0b8;
  --accent: #e0b552;
  --accent-hover: #ecc874;
  --accent-press: #c69a38;
  --accent-text: #ecc874;
  --on-accent: #1a1405;
  --accent-soft: #f7f3e8;
  --accent-soft-bg: #2a3859;
  --on-accent-soft: #f7f3e8;
  --selected-bg: #f7f3e8;
  --selected-text: #121a2e;
  --positive: #8ce8b4;
  --negative: #ffa29a;
  --danger: #ffa29a;
  --highlight: #f2c94c;
  --special: #c5b3ff;
  --on-positive: #0a2015;
  --on-negative: #2a0c09;
  --positive-bg: #1f4239;
  --negative-bg: #4a2a2e;
  --highlight-bg: #3f3a22;
  --special-bg: #2f3158;
  --focus-ring: #ecc874;
  --scrim: rgb(6 10 20 / 0.6);
  --wash: rgb(247 243 232 / 0.08);
  --wash-strong: rgb(247 243 232 / 0.14);
  --shadow-color: rgb(6 10 20 / 0.6);
  --glow-color: rgb(224 181 82 / 0.16);
  --glow-edge: rgb(224 181 82 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #c69a38;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #121a2e;
  color-scheme: dark;
}

[data-site='initially'][data-theme='light'] {
  --bg: #faf6ec;
  --bg-sunken: #f0eadb;
  --surface: #ffffff;
  --surface-raised: #f3eee2;
  --surface-hover: #e8e1cf;
  --border: #ddd5c2;
  --border-strong: #ada38a;
  --text: #16203a;
  --text-muted: #4b5470;
  --text-faint: #6b7290;
  --accent: #23336b;
  --accent-hover: #2f428a;
  --accent-press: #1a2752;
  --accent-text: #23336b;
  --on-accent: #faf6ec;
  --accent-soft: #8a6418;
  --accent-soft-bg: #f3e6c6;
  --on-accent-soft: #6b4c10;
  --selected-bg: #16203a;
  --selected-text: #faf6ec;
  --positive: #1f6b45;
  --negative: #b3261e;
  --danger: #b3261e;
  --highlight: #8a6100;
  --special: #5b34b8;
  --on-positive: #faf6ec;
  --on-negative: #ffffff;
  --positive-bg: #dcefe2;
  --negative-bg: #f9e0dd;
  --highlight-bg: #f7ecc8;
  --special-bg: #ece4fb;
  --focus-ring: #23336b;
  --scrim: rgb(22 32 58 / 0.6);
  --wash: rgb(22 32 58 / 0.08);
  --wash-strong: rgb(22 32 58 / 0.14);
  --shadow-color: rgb(22 32 58 / 0.14);
  --glow-color: rgb(35 51 107 / 0.16);
  --glow-edge: rgb(35 51 107 / 0.4);
  --qr-bg: #fbf9f7;
  --qr-fg: #070608;
  --logo-end: #8a6418;
  --tape-bg: var(--surface);
  --on-tape: var(--text);
  --tape-up: var(--positive);
  --tape-down: var(--negative);
  --theme-color: #faf6ec;
  color-scheme: light;
}