body.dark-mode {
    background: #121212 !important;
    color: #e0e0e0 !important;
}
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3 {
    color: #f0f0f0 !important;
}
body.dark-mode nav a {
    color: #bbbbbb !important;
}
body.dark-mode nav a[style*="color:#8e44ad"] {
    color: #b57edc !important;
}
body.dark-mode a {
    color: #7ab8f5 !important;
}
body.dark-mode input, body.dark-mode textarea, body.dark-mode select {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}
body.dark-mode button:not(.star-btn):not(.collapse-btn):not(.off):not(.delete-btn):not(.on):not(.restore-btn):not(.classroom-action-btn):not([style*="background:#c0392b"]):not([style*="background: #c0392b"]) {
    background: #333333 !important;
    color: #f0f0f0 !important;
}
body.dark-mode .star-btn {
    background: none !important;
}
body.dark-mode .collapse-btn {
    background: none !important;
}
body.dark-mode .card,
body.dark-mode .box,
body.dark-mode .answer,
body.dark-mode .feature,
body.dark-mode .item,
body.dark-mode .stat {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important;
}
body.dark-mode a.pill {
    background: #2a2a2a !important;
    color: #e0e0e0 !important;
}
body.dark-mode [style*="background:white"],
body.dark-mode [style*="background: white"],
body.dark-mode [style*="background:#faf9f7"],
body.dark-mode [style*="background: #faf9f7"] {
    background: #1e1e1e !important;
    color: #e0e0e0 !important;
}
body.dark-mode [style*="color:#2b2b2b"],
body.dark-mode [style*="color: #2b2b2b"],
body.dark-mode [style*="color:#1a1a1a"],
body.dark-mode [style*="color: #1a1a1a"] {
    color: #e0e0e0 !important;
}
body.dark-mode [style*="background:#c0392b"],
body.dark-mode [style*="background: #c0392b"] {
    background: #c0392b !important;
    color: white !important;
}
body.dark-mode [style*="color:#c0392b"],
body.dark-mode [style*="color: #c0392b"] {
    color: #ff6b5b !important;
}
body.dark-mode [style*="background:#fff8e6"],
body.dark-mode [style*="background: #fff8e6"] {
    background: #4a3d1f !important;
    color: #f0e6c8 !important;
}
body.dark-mode [style*="background:#ffe27a"],
body.dark-mode [style*="background: #ffe27a"] {
    background: #7a5a1a !important;
    color: #fff3d6 !important;
}
body.dark-mode .question-bubble {
    background: #2a4a6b !important;
    color: #d8ecff !important;
}
body.dark-mode canvas {
    background: #1e1e1e !important;
    border-radius: 8px;
}
body.dark-mode [style*="background:#ffc439"],
body.dark-mode [style*="background: #ffc439"] {
    background: #f0b429 !important;
    color: #1a1a1a !important;
}
body.dark-mode .restore-btn {
    background: #2a4a6b !important;
    color: white !important;
}
body.dark-mode .delete-btn {
    background: #c0392b !important;
    color: white !important;
}
body.dark-mode [style*="color:#555"],
body.dark-mode [style*="color: #555"] {
    color: #cccccc !important;
}
body.dark-mode .category p,
body.dark-mode p {
    color: #d0d0d0 !important;
}
body.dark-mode #submitBtn,
body.dark-mode #recordBtn {
    background: #c0392b !important;
    color: white !important;
}
body.dark-mode #recordBtn.recording {
    background: #1a1a1a !important;
}
body.dark-mode .on {
    background: #2e5a88 !important;
    color: white !important;
}
body.dark-mode .off {
    background: #c0392b !important;
    color: white !important;
}
body.dark-mode a.action-link {
    background: #333333 !important;
    color: #f0f0f0 !important;
}
body.dark-mode .context {
    color: #ffffff !important;
}
body.dark-mode [style*="background:#eee"],
body.dark-mode [style*="background: #eee"] {
    background: #3a3a3a !important;
    color: #d0d0d0 !important;
}
body.dark-mode .muted-banner {
    background: #3a3a3a !important;
    color: #d0d0d0 !important;
}
body.dark-mode #backToTopBtn {
    background: #f0f0f0 !important;
    color: #1a1a1a !important;
}
body.dark-mode .classroom-action-btn {
    background: #f0f0f0 !important;
    color: #1a1a1a !important;
}