/* Dark mode: #007acc #3e3e42 #2d2d30 #252526 #1e1e1e */
body.dark-mode {
    color: #E0E0E0;
    background-color: #1e1e1e;
}
body.dark-mode button {
    color: #E0E0E0;
}

body.dark-mode button,
body.dark-mode .settings-menu,
body.dark-mode .information-menu,
body.dark-mode .multiplayer-menu,
body.dark-mode .donations-menu,
body.dark-mode .subheader,
body.dark-mode .rent-info,
body.dark-mode .results {
    background-color: #3e3e42;
}
body.dark-mode button#submit,
body.dark-mode .settings-menu .active, 
body.dark-mode .information-menu .active,
body.dark-mode .subheader.highlight,
body.dark-mode .gift-button:hover,
body.dark-mode .gift-button.active,
body.dark-mode button#donateButton {
    background-color: #007acc;
}

body.dark-mode .room-box,
body.dark-mode footer,
body.dark-mode #giftSelect,
body.dark-mode #customGift {
    background-color: #252526;
    border: 1px solid #3e3e42;
    color: #E0E0E0;
}

body.dark-mode .chart-container{
    background-color: #a7a7a7;
}


/* Game mode: #0047ac #1497d4 #ffd301 #ffb921 darkorange*/
body.game-mode,
body.game-mode #giftSelect {
    background-color: #0047ac;
    color: #ffb921;
}
body.game-mode button#submit {
    color: #ffd301;
}
body.game-mode button,
body.game-mode .subheader,
body.game-mode .rent-info,
body.game-mode #customGift {
    background-color: #ffd301;
    color: black;
}

body.game-mode .settings-menu,
body.game-mode .information-menu,
body.game-mode .multiplayer-menu,
body.game-mode .donations-menu {
    background-color: #1497d4;
}
body.game-mode button#submit,
body.game-mode .settings-menu .active, 
body.game-mode .information-menu .active,
body.game-mode .subheader.highlight,
body.game-mode .results,
body.game-mode .gift-button:hover,
body.game-mode .gift-button.active,
body.game-mode button#donateButton {
    background-color: darkorange;
}

body.game-mode .results,
body.game-mode #customGift::placeholder {
    color: black;
    
}

body.game-mode .room-box,
body.game-mode footer  {
   background-color: #1497d4;
    border: 1px solid black;
    color: #ffb921;
}

body.game-mode .chart-container{
    background-color: #FFEB8C;
}

/* Retro mode: #501b00 #c45c31 #ffefb5 #9cc486 #3f7000 */
body.retro-mode,
body.retro-mode .information-menu .indicator,
body.retro-mode #giftSelect {
    color: #501b00;
    background-color: #ffefb5;
}
body.retro-mode button#submit,
body.retro-mode .information-menu .active,
body.retro-mode .rent-info {
    background-color: #501b00;
    color: #ffefb5;
}
body.retro-mode button,
body.retro-mode .room-box,
body.retro-mode .results,
body.retro-mode #customGift  {
    background-color: #c45c31;
    color: #ffefb5;
}

body.retro-mode .settings-menu,
body.retro-mode .information-menu,
body.retro-mode .multiplayer-menu,
body.retro-mode .donations-menu,
body.retro-mode .subheader,
body.retro-mode footer {
    background-color: #9cc486;
    color: #501b00;
}
body.retro-mode button#submit,
body.retro-mode .settings-menu .active,
body.retro-mode .information-menu .active,
body.retro-mode .subheader.highlight,
body.retro-mode .gift-button:hover,
body.retro-mode .gift-button.active,
body.retro-mode button#donateButton {
    background-color: #3f7000;
    color: #ffefb5;
}

body.retro-mode .chart-container {
    background-color: #dbead3;
}