/* Style for text on LIGHT backgrounds */
body.light-background {
    color: #222;
}

body.light-background .version-name,
body.light-background #game-title,
body.light-background #modal-header h2,
body.light-background #suggestions-modal-header h2,
body.light-background #diy-modal-header h2,
body.light-background #chat-modal-header h2,
body.light-background #wasm-modal-header h2,
body.light-background #ai-mode-modal-header h2,
body.light-background #faq-modal-header h2,
body.light-background #credits-modal-header h2,
body.light-background #upcoming-features-modal-header h2,
body.light-background #unblock-modal-header h2,
body.light-background .footer p,
body.light-background .loading-text {
    text-shadow: 1px 1px 3px rgba(255,255,255,0.85);
}

body.light-background .footer {
    color: #444;
}

body.light-background .loading-text {
    color: #333;
}

body.light-background #close-modal-btn,
body.light-background #close-suggestions-modal-btn,
body.light-background #close-chat-modal-btn,
body.light-background #close-diy-modal-btn,
body.light-background #close-wasm-modal-btn,
body.light-background #close-ai-mode-modal-btn,
body.light-background #close-faq-modal-btn,
body.light-background #close-credits-modal-btn,
body.light-background #close-upcoming-features-modal-btn,
body.light-background #close-unblock-modal-btn {
    color: #666;
}

body.light-background #close-modal-btn:hover,
body.light-background #close-suggestions-modal-btn:hover,
body.light-background #close-chat-modal-btn:hover,
body.light-background #close-diy-modal-btn:hover,
body.light-background #close-wasm-modal-btn:hover,
body.light-background #close-ai-mode-modal-btn:hover,
body.light-background #close-faq-modal-btn:hover,
body.light-background #close-credits-modal-btn:hover,
body.light-background #close-upcoming-features-modal-btn:hover,
body.light-background #close-unblock-modal-btn:hover {
    color: #222;
}

body.light-background #version-info {
    color: #222;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.85);
}

/* Style for text on DARK backgrounds */
body.dark-background {
    color: #fff;
}

body.dark-background .footer {
    color: #aaa;
}

body.dark-background .loading-text {
    color: #ccc;
}

body.dark-background #close-modal-btn,
body.dark-background #close-suggestions-modal-btn,
body.dark-background #close-chat-modal-btn,
body.dark-background #close-diy-modal-btn,
body.dark-background #close-wasm-modal-btn,
body.dark-background #close-ai-mode-modal-btn,
body.dark-background #close-faq-modal-btn,
body.dark-background #close-credits-modal-btn,
body.dark-background #close-upcoming-features-modal-btn,
body.dark-background #close-unblock-modal-btn {
    color: #aaa;
}

body.dark-background #close-modal-btn:hover,
body.dark-background #close-suggestions-modal-btn:hover,
body.dark-background #close-chat-modal-btn:hover,
body.dark-background #close-diy-modal-btn:hover,
body.dark-background #close-wasm-modal-btn:hover,
body.dark-background #close-ai-mode-modal-btn:hover,
body.dark-background #close-faq-modal-btn:hover,
body.dark-background #close-credits-modal-btn:hover,
body.dark-background #close-upcoming-features-modal-btn:hover,
body.dark-background #close-unblock-modal-btn:hover {
    color: #fff;
}

body.dark-background #version-info {
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}