:root {
    --bg: white;
    --txt: black;
    --link: blue;
}

html {
    font-size: 62.5%; /* 16px * 62.5% = 10px */
}

body  {
    font-size: 1.6rem;
    background-color: var(--bg);
    color: var(--txt);
}

body.dark {
    background: var(--txt);
    color: var(--bg);
}

a {
    color: var(--link);
}

body.dark a {
    color: yellow;
}





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

    :root {
        --bg: black;
        --txt: white;
        --link: yellow;
    }
    
    body.dark a {
        color: blue;
    }
}

@media print {
    
}