html[data-theme] {
  --color-character-tile-text-dark-fill: #a35bbe;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #1b0d3f;
  --color-border: #d846d3;
  --color-surface: #100c40;
  --color-text: #cc5ed4;
  --color-text-muted: #b04cbd;
  --color-yellow-dark: #570054;
  --color-yellow-mid: #ff61ea;
  --color-yellow-soft: #2d9f9d;
  --color-yellow-subtle: #05c7c4;
}
html[data-theme="dark"] {
  --color-bg: #010033;
  --color-border: #860e7c;
  --color-input: #040038;
  --color-surface: #060024;
  --color-text: #e65cf0;
  --color-text-muted: #10b5cb;
  --color-yellow-dark: #770080;
  --color-yellow-mid: #8455dd;
  --color-yellow-soft: #a128a9;
  --color-yellow-subtle: #0e0057;
}