:root{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(255, 255, 247);
    --nav-BG-color: rgb(53, 53, 53);
    --footer-BG-color: rgb(233, 243, 174);
    
    --main-color: rgb(255, 250, 99);
}

.very-red-theme{
    --text-color: rgb(255, 255, 255);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(211, 0, 0);
    --nav-BG-color: rgb(211,0,0);
    --footer-BG-color: rgb(211,0,0);
    
    --main-color: rgb(255, 255, 255);
}

.red-theme{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(255, 255, 247);
    --nav-BG-color: rgb(53, 53, 53);
    --footer-BG-color: rgb(243, 174, 174);
    
    --main-color: rgb(246, 73, 73);
}

.red-theme2{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(254, 255, 246);
    --nav-BG-color: rgb(230, 47, 47);
    --footer-BG-color: rgb(240, 158, 158);
    
    --main-color: rgb(0, 0, 0);
}

.purple-theme{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(255, 255, 247);
    --nav-BG-color: rgb(53, 53, 53);
    --footer-BG-color: rgb(218, 136, 186);
    
    --main-color: rgb(228, 57, 214);
}

.beige-theme{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(255, 255, 247);
    --nav-BG-color: rgb(53, 53, 53);
    --footer-BG-color: rgb(242, 220, 149);
    
    --main-color: rgb(250, 221, 127);
}

.blue-theme{
    --text-color: rgb(42, 42, 42);
    --nav-text-color: rgb(255, 255, 255);
    
    --main-BG-color: rgb(255, 255, 247);
    --nav-BG-color: rgb(53, 53, 53);
    --footer-BG-color: rgb(158, 215, 228);
    
    --main-color: rgb(81, 120, 224);
}