:root {
    --navBar-bgColor: transparent; 
    --lighter-gray: #0e0e0e; 
    --lighter-graybutts: #131314; 
    --all-buttons: #232a31; 
    --numbers-slideout: rgb(79, 156, 213,0.95); 
    --navbar-txt: #E0E0E0; 
    --bg-graybutts: rgb(19, 19, 20, 0.8); 
    --numbersCol-slidout: black; 
    --border-bottomOfNav: 1px solid #6e6e6e;
    --signInButton-text: #E0E0E0; 
}

.dark-mode {
    --navBar-bgColor: #ffffff; 
    --lighter-gray: #f8fafd;  
    --all-buttons: #f9f9f9; 
    --navbar-txt: black; 
    --bg-graybutts: rgb(255, 255, 255, 0.8); 
    --numbers-slideout: rgb(0, 125, 189, 0.9); 
    --numbersCol-slidout: #ffffff; 
    --border-bottomOfNav: 1px solid rgba(0, 0, 0, 0.2);
    --signInButton-text: #007dbd; 
}