html[data-theme] {
  --color-character-tile-text-dark-fill: #413e3e;
  --color-yellow-mid: #7e9aea;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #eff2f6;
  --color-surface: #8d84b7;
  --color-surface-hover: #b3caf6;
  --color-yellow-dark: #82570d;
}
html[data-theme="dark"] {
  --color-bg: #1e1f2f;
  --color-surface: #494265;
  --color-surface-hover: #364154;
  --color-yellow-dark: #cec1a6;
}