@media (prefers-color-scheme: dark) {
  body {
    background-color: #1a1a18;
    color: #d3d1c7;
  }
  h2 {
    color: #e8e4d9;
    background-color: #434060;
    border-bottom-color: #444441;
  }
  p {
    color: #b4b2a9;
  }
  p.code {
    background-color: #111110;
    color: #d3d1c7;
    border-left-color: #7f77dd;
  }
  p.code .copy-btn {
    border-color: #7f77dd;
    color: #afa9ec;
  }
  p.code .copy-btn:hover {
    background: #7f77dd;
    color: #fff;
  }
  p.code .copy-btn.copied {
    border-color: #1d9e75;
    color: #5dcaa5;
  }
  p.warning {
    background-color: #2a1f0a;
    border-left-color: #ba7517;
    color: #fac775;
  }
  p.warning::before {
    color: #ef9f27;
  }
}