
#let theme-colors-css = ```raw-css
:root {
  color-scheme: light dark;
  &:has(#theme-light:checked) {
    color-scheme: light;
  }
  &:has(#theme-dark:checked) {
    color-scheme: dark;
  }

  --color-border: light-dark(#414868, #414868);

  --color-button-shadow: light-dark(#888, #000);
  --color-button-focus: light-dark(#000, #FFF);

  --color-bg-highlight: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
  --color-code-bg: var(--color-bg-highlight);

  --color-bg-overlay: light-dark(rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.9));

  --color-bg-alt-text: light-dark(rgba(255, 255, 255, 0.9), rgba(33, 36, 38, 0.9));
}
```
