@media (prefers-color-scheme: dark) {
  body {
    background-color: #0d1117;
    color: #c9d1d9;
  }

  a {
    color: #58a6ff;
  }

  .markdown-body {
    color: #c9d1d9;
    background-color: #0d1117;
  }

  .markdown-body a {
    color: #58a6ff;
  }

  .markdown-body h1,
  .markdown-body h2,
  .markdown-body h3,
  .markdown-body h4,
  .markdown-body h5,
  .markdown-body h6 {
    color: #c9d1d9;
    border-bottom-color: #30363d;
  }

  .markdown-body blockquote {
    color: #8b949e;
    border-left-color: #30363d;
  }

  .markdown-body table tr {
    background-color: #0d1117;
    border-top-color: #30363d;
  }

  .markdown-body table tr:nth-child(2n) {
    background-color: #161b22;
  }

  .markdown-body table th,
  .markdown-body table td {
    border-color: #30363d;
  }

  .markdown-body hr {
    background-color: #30363d;
    height: 0.25em;
  }

  .markdown-body code,
  .markdown-body tt {
    background-color: rgba(110, 118, 129, 0.4);
  }

  .markdown-body pre {
    background-color: #161b22;
  }

  .markdown-body .highlight pre,
  .markdown-body pre {
    background-color: #161b22;
  }

  /* Utility classes from Primer often used.*/
  .text-gray {
    color: #8b949e !important;
  }

  .border-gray-light {
    border-color: #30363d !important;
  }

  /* Footer specific if needed, but the utility classes should cover it.*/
}