:root {
    --background-dark: #080808;
    --on-background-dark: #f0f0f0;
    --primary-dark: #b7fd49;
    --secondary-dark: #f8e05b;
    --tertiary-dark: #f788fe;
    --links-dark: #5eb2ff;

    --background-light: #ffffff;
    --on-background-light: #101010;
    --primary-light: #6d9e23;
    --secondary-light: #a5911e;
    --tertiary-light: #a92cb1;
    --links-light: #3ba1ff;

    --background: var(--background-dark);
    --on-background: var(--on-background-dark);
    --primary: var(--primary-dark);
    --secondary: var(--secondary-dark);
    --tertiary: var(--tertiary-dark);
    --links: var(--links-dark);

    --live: #fd3737;
}

@media (prefers-color-scheme: light) {
    :root {
        --background: var(--background-light);
        --on-background: var(--on-background-light);
        --primary: var(--primary-light);
        --secondary: var(--secondary-light);
        --tertiary: var(--tertiary-light);
        --links: var(--links-light);
    }
}

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

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

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