:root {
    color-scheme: light dark;
    --black: #2e3436;
    --red: #cc0000;
    --green: #4e9a06;
    --yellow: #c4a000;
    --blue: #3465a4;
    --magenta: #75507b;
    --cyan: #06989a;
    --white: #d3d7cf;

    --bright-black: #555753;
    --bright-red: #ef2929;
    --bright-green: #8ae234;
    --bright-yellow: #fce94f;
    --bright-blue: #729fcf;
    --bright-magenta: #ad7fa8;
    --bright-cyan: #34e2e2;
    --bright-white: #eeeeec;

    --background-color: var(--white);
    --foreground-color: var(--black);
    --link-color: var(--blue);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: var(--black);
        --foreground-color: var(--white);
        --link-color: var(--bright-blue);
    }
}

html {
    background-color: var(--background-color);
    color: var(--foreground-color);
}

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