/* For pages that are always light: keep the shared site header (templates/nav.html)
   light even when the system is in dark mode. */
html body .site-name,
html body .site-nav a,
html body .social-icons a {
    color: #52525b !important;
}

html body .site-nav a:hover {
    color: #18181b !important;
}

html body .site-nav::after {
    background-color: #e0e0e0;
}

@media (max-width: 768px) {
    html body .site-nav-wrapper,
    html body .site-nav {
        background-color: var(--background) !important;
    }

    html body .hamburger span {
        background-color: #52525b;
    }
}