* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --clr-bg: #FAF9F6; /* Off-white */
    --clr-panel: rgba(95,37,159,1.0); /* itm8 purple */
    --clr-text: #f8fafc;
    --clr-muted: #94a3b8;
    --clr-accent: #38bdf8;
    --clr-accent-variant: #22d3ee;
    --clr-safe-value: #0ADD08;
    --clr-border-color: rgba(255, 255, 255, 0.06);
}

html, body {
    font-family: 'Lilex', sans-serif;
    
    /* Scrollbar */
    overflow: auto;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 0px;
        height: 0px; 
        background: transparent; 
    }