/* dark-mode.css */
body.dark-mode {
    background: #1a1a1a;
    color: #f0f0f0;
}

body.dark-mode .topbar {
    background: #2c2c2c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

body.dark-mode .topbar h1,
body.dark-mode .welcome-text {
    color: #f0f0f0;
}

body.dark-mode .description,
body.dark-mode .footer {
    color: #a0a0a0;
}

body.dark-mode .modal-content {
    background: #333;
    color: #f0f0f0;
}

body.dark-mode .modal-title {
    color: #f0f0f0;
}

body.dark-mode .modal-question {
    color: #d0d0d0;
}

body.dark-mode .modal-input {
    background-color: #444;
    border-color: #666;
    color: #f0f0f0;
}