html[data-theme] {
  --color-border: #232324;
  --color-yellow-mid: #8d2801;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-bg: #bababa;
  --color-inverse: #454545;
  --color-inverse-text: #f9fafb;
  --color-surface-hover: #828282;
  --color-text: #000000;
  --color-text-muted: #292929;
  --color-yellow-dark: #000000;
  --color-yellow-soft: #8d2801;
  --color-yellow-subtle: #adadad;
}
html[data-theme="dark"] {
  --color-bg: #000000;
  --color-inverse: #000000;
  --color-inverse-text: #fbfbf9;
  --color-surface: #000000;
  --color-text-muted: #9ca3af;
  --color-yellow-dark: #ffffff;
  --color-yellow-soft: #561600;
  --color-yellow-subtle: #8d2801;
}