@media (prefers-color-scheme: light) {
    :root {
        --background-color: #f9f9f9;
        --text-color: #141414;
        --light-text-color: #545454;
        --hr-color: #1745cf;
        --link-color: #1745cf;
        --active-link-color: #141414;
        --nav-item-link-color: #1745cf;
        --nav-item-active-color: #1745cf;
        --selection-highlight-color: #5e82ed;
        --preformatted-background-color: #3c3c3c;
        --preformatted-text-color: #f9f9f9;
        --callout-background-color: #bac9f7;
        --callout-text-color: #141414;
        --callout-link-color: #102f8e;
        --callout-highlight-color: #1745cf;
        --blockquote-background-color: #dfdfdf;
        --blockquote-text-color: #000000;
        --blockquote-link-color: #000000;
        --blockquote-highlight-color: #444444;
        --social-icon-color: #1745cf;
    }
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #202020;
        --text-color: #f9f9f9;
        --light-text-color: #dfdfdf;
        --hr-color: #a3b8f5;
        --link-color: #a3b8f5;
        --active-link-color: #f9f9f9;
        --nav-item-link-color: #a3b8f5;
        --nav-item-active-color: #a3b8f5;
        --selection-highlight-color: #305ee8;
        --preformatted-background-color: #3c3c3c;
        --preformatted-text-color: #f9f9f9;
        --callout-background-color: #2445a8;
        --callout-text-color: #f9f9f9;
        --callout-link-color: #e8eefd;
        --callout-highlight-color: #bac9f7;
        --blockquote-background-color: #595959;
        --blockquote-text-color: #ffffff;
        --blockquote-link-color: #ffffff;
        --blockquote-highlight-color: #dfdfdf;
        --social-icon-color: #a3b8f5;
    }
}