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


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

    --bg-color: #0c070c;
    --bg-color-rgb: 12, 7, 12;

    --text-color: #f1f1f1;
    --text-color-rgb: 241, 241, 241;

    --highlight-color: #A5735C;
    --highlight-color-rgb: 165, 115, 92;
}

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

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

        --bg-color: #0c070c;
        --bg-color-rgb: 12, 7, 12;

        --text-color: #f1f1f1;
        --text-color-rgb: 241, 241, 241;

        --highlight-color: #A5735C;
        --highlight-color-rgb: 165, 115, 92;
    }
}

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

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

        --bg-color: #f1f1f1;
        --bg-color-rgb: 241, 241, 241;
        
        --text-color: #0c070c;
        --text-color-rgb: 12, 7, 12;

        --highlight-color: #A5735C;
        --highlight-color-rgb: 165, 115, 92;
    }
}