:root.dark {
  --bg--off: oklch(0.14 0 0);
  --bg--selection: oklch(1 0 0 / 0.125);
  --bg: oklch(0.16 0 0);
  --border-color--off: oklch(0.115 0 0);
  --border-color: oklch(0.135 0 0);
  --code--cyan: oklch(0.8 0.08 250);
  --code--green: oklch(0.8 0.08 150);
  --code--yellow: oklch(0.8 0.08 100);
  --color--anchor: oklch(0.8 0.08 260);
  --color--emphasis: var(--code--yellow);
  --color--headline: oklch(1 0 0);
  --color--off: oklch(0.65 0 0);
  --color--strong: var(--code--green);
  --color: oklch(0.8 0 0);
  --font-weight--bolder: 400;
  --font-weight-monospace--bolder: 400;
  --font-weight-monospace: 300;
  --font-weight: 300;
  color-scheme: dark;
}

.dark {
  code:not(pre > code) {
    background-color: unset;
    border-radius: unset;
    color: var(--code--cyan);
    padding: unset;
  }

  strong {
    background-color: unset;
    color: var(--color--strong);
  }

  em {
    background-color: unset;
    color: var(--color--emphasis);
  }

  .theme-switch input:checked + label::after {
    content: "🌑";
  }
}