:root {
    /* COLORS */
    --bg-color: #2d3e50;
    --bg-light: #2d3e50b5;
    --menu-text: rgba(255, 255, 255, 0.6);
    --purple: #A531E4;
    --pink: #FC4275;   
    --selected: mediumseagreen;
    --invalid: red;
    --sub-text: #a2b5cd;


    /* DIMENSIONS */
    --top-row-height: 50px;
    --page-padding: 32px;
    --menu-width: 0px;

    
}

.light-theme {
    /* COLORS */
    --bg-color: #131213;
    --purple: #C983EF;
    --pink: #FD8EAD;     
}





/* --bg-color: #2d3e50;
--main-bg-light: #2d3e50b5;
--bg-color-text: white;
--page-bg-color: gainsboro;
--meco-red: #b42d33;
--meco-green: #3e6b50;
--sub-text: #a2b5cd;
--menu-text: rgba(255, 255, 255, 0.6);

--invalid: #b42d33; */