html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #a11b9d;
  --color-border: #d846d3;
  --color-surface: #049a98;
  --color-text: #010f37;
  --color-text-muted: #b04cbd;
  --color-yellow-mid: #ff61ea;
  --color-yellow-soft: #84f5f3;
  --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-mid: #140038;
  --color-yellow-soft: #001852;
  --color-yellow-subtle: #0e0057;
}