html[data-theme] {
  --color-character-tile-text-dark-fill: #fbf9f0;
  --color-character-tile-text-light-fill: #111827;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #feeacf;
  --color-surface: #ffffff;
  --color-surface-hover: #fbf3e1;
  --color-yellow-mid: #edbd0e;
  --color-yellow-soft: #fef08a;
  --color-yellow-subtle: #fef9c3;
}
html[data-theme="dark"] {
  --color-bg: #400214;
  --color-surface-hover: #160f57;
  --color-yellow-soft: #bf950d;
  --color-yellow-subtle: #9c7c15;
}