@media (prefers-color-scheme: dark) {

body {
    color: $text-color-dark;
}

body,
.page-content,
.post-content,
.pagination,
.site-nav,
.section-nav,
.post-nav,
.post-list li
{
    background-color: $background-color-dark;
}

a {
    color: $brand-color-dark;

    &:visited {
        color: lighten($brand-color-dark, 15%);
    }

    &:hover {
        color: $text-color-dark;
    }
}

}