:root {

    @media (prefers-color-scheme: light) {
        --bg-color: #F6F8F9;
        --font-color: #000000;
        --a-color: hsl(219, 88%, 54%);
    }

    @media (prefers-color-scheme: dark) {
        --bg-color: #1C1C1C;
        --font-color: #FFFFFF;
        --a-color: hsl(169, 50%, 46%);
    }

}


html, body {
    background: var(--bg-color);
    font-family: system-ui, sans-serif;
    color: var(--font-color);
}

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

ul, ol {
    line-height: 1.75;
}