@media (prefers-color-scheme: dark) {
    html, body {
        background-color: $color-dark-initial;
        color: $color-dark-secondary;
    }

    a {
        color: $color-dark-primary;
    }

    a:visited {
        color: $color-dark-quaternary;
    }

    a:hover {
        color: $color-dark-tertiary;
    }
}