:root {
    --background: #080808;
    --background-alt: #040404;
    --on-background: #f0f0f0;

    --primary: #b7fd49;
    --secondary: #f8e05b;
    --tertiary: #f788fe;
    --links: #5eb2ff;
    --live: #fd3737;
}

@media (prefers-color-scheme: light) {
    :root {
        --background: #ffffff;
        --background-alt: #f0f0f0;
        --on-background: #101010;

        --primary: #6d9e23;
        --secondary: #a5911e;
        --tertiary: #a92cb1;
        --links: #3ba1ff;
    }
}

.col-primary {
    color: var(--primary);
}

.col-secondary {
    color: var(--secondary);
}

.col-tertiary {
    color: var(--tertiary);
}