/* ---------------- Colors ---------------- */


:root {
    /* root default is dark */
    color-scheme: dark;

    --bg-color: var(--nord0);
    --text-color: var(--nord4);
    --article-color: var(--nord2);

    --highlight-color: var(--nord8);
    --highlight-color-rgb: var(--nord8-rgb);
}

/* Detect which mode the user prefers */
@media (prefers-color-scheme: dark) {

    /* root values for darkmode (best) users :3 */
    :root {
        color-scheme: dark;

        --bg-color: var(--nord0);
        --text-color: var(--nord4);
        --article-color: var(--nord2);

        --highlight-color: var(--nord8);
        --highlight-color-rgb: var(--nord8-rgb);
    }
}

@media (prefers-color-scheme: light) {

    /* root values for lightmode (eww) users... */
    :root {
        color-scheme: light;

        --bg-color: var(--nord4);
        --text-color: var(--nord0);
        --article-color: var(--nord6);

        --highlight-color: var(--nord8);
        --highlight_color-rgb: 181, 122, 240;
    }
}