html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #bbd6db;
  --color-border: #ff0991;
  --color-inverse-text: #74fef3;
  --color-surface: #effef5;
  --color-text-muted: #0d1c20;
  --color-yellow-mid: #00aec1;
  --color-yellow-soft: #ff3ca3;
  --color-yellow-subtle: #00e6ff;
}
html[data-theme="dark"] {
  --color-bg: #2f3f40;
  --color-border: #f20092;
  --color-surface: #270120;
  --color-surface-hover: #171520;
  --color-text: #e0e7fe;
  --color-text-muted: #bdebff;
  --color-yellow-dark: #56bced;
  --color-yellow-mid: #44f5ff;
  --color-yellow-soft: #001d22;
  --color-yellow-subtle: #00333c;
}