html[data-theme] {
  --color-bg: #120747;
  --color-border: #120747;
  --color-character-tile-text-dark-fill: #fffce3;
  --color-character-tile-text-light-fill: #120747;
  --color-inverse: #120747;
  --color-inverse-text: #fffce3;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-input: #fffce3;
  --color-surface: #c1bbf0;
  --color-surface-hover: #fffce3;
  --color-text: #120747;
  --color-text-muted: #60589a;
  --color-yellow-dark: #120747;
  --color-yellow-mid: #fffce3;
  --color-yellow-soft: #b480cb;
  --color-yellow-subtle: #8867b6;
}
html[data-theme="dark"] {
  --color-input: #120747;
  --color-surface: #120747;
  --color-surface-hover: #120747;
  --color-text: #fffce3;
  --color-text-muted: #8867b6;
  --color-yellow-dark: #b480cb;
  --color-yellow-mid: #120747;
  --color-yellow-soft: #120747;
  --color-yellow-subtle: #120747;
}