html[data-theme] {
  --color-character-tile-text-dark-fill: #9dc1fb;
  --color-character-tile-text-light-fill: #9dc1fb;
  --color-yellow-dark: #252c41;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #ffffff;
  --color-border: #f0b7ee;
  --color-input: #9d489a;
  --color-inverse: #9d489a;
  --color-inverse-text: #0a1029;
  --color-surface: #ffffff;
  --color-surface-hover: #fb9df8;
  --color-text: #0a1029;
  --color-text-muted: #f0b7ee;
  --color-yellow-mid: #fb9df8;
  --color-yellow-soft: #fb9df8;
  --color-yellow-subtle: #fb9df8;
}
html[data-theme="dark"] {
  --color-bg: #314981;
  --color-border: #b7e2f0;
  --color-input: #383a7a;
  --color-inverse: #383a7a;
  --color-inverse-text: #b7e2f0;
  --color-surface: #314981;
  --color-surface-hover: #9dc1fb;
  --color-text: #b7e2f0;
  --color-text-muted: #b7e2f0;
  --color-yellow-mid: #9dc1fb;
  --color-yellow-soft: #9dc1fb;
  --color-yellow-subtle: #9dc1fb;
}