html[data-theme] {
  --color-character-tile-text-dark-fill: #e01b24;
  --color-character-tile-text-light-fill: #e01b24;
  --color-inverse-text: #e01b24;
  --color-text: #e01b24;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #f2ff00;
  --color-border: #262600;
  --color-input: #262600;
  --color-inverse: #f2ff00;
  --color-surface: #262600;
  --color-surface-hover: #f2ff00;
  --color-text-muted: #f2ff00;
  --color-yellow-dark: #262600;
  --color-yellow-mid: #262600;
  --color-yellow-soft: #262600;
  --color-yellow-subtle: #f2ff00;
}
html[data-theme="dark"] {
  --color-bg: #262600;
  --color-border: #f2ff00;
  --color-input: #f2ff00;
  --color-inverse: #262600;
  --color-surface: #f2ff00;
  --color-surface-hover: #262600;
  --color-text-muted: #262600;
  --color-yellow-dark: #f2ff00;
  --color-yellow-mid: #f2ff00;
  --color-yellow-soft: #f2ff00;
  --color-yellow-subtle: #262600;
}