/* ===================================================================== */
/* =                       CSS Variables & Colors                       = */
/* ===================================================================== */

:root {
    --colour-main: #171819;
    --colour-dark: #0A0B0D;
    --colour-accent: #888888;
    --colour-menuicon: #FFFFFF;
    --text-main: #FFFFFF;
    --text-muted: #c7c7c7;

    --glass-bg: rgba(255,255,255,0.03);
    --glass-blur: 10px;
    --glass-border: rgba(255,255,255,0.06);

    --nav-height: 5.5em;
    --radius: 0.5rem;
    --container-maxwidth: 800px;
}

body[data-theme="light"] {
    --colour-main: #ffffff;
    --colour-dark: #ffffff;
    --colour-accent: #888888;
    --colour-menuicon: #111111;
    --text-main: #111111;
    --text-muted: #6b6b6b;

    --glass-bg: rgba(0,0,0,0.02);
    --glass-border: rgba(0,0,0,0.06);
}