/* Dark Mode Overrides */
body.dark-mode {
    --bg-color: #121212;
    --paper-color: #1e1e1e;
    --text-color: #e0e0e0;
    --machine-color: #000000;
}

body.dark-mode .desk { background-color: #1a1a1a; }
body.dark-mode .paper-sheet { background-color: #252525; color: #d1d1d1; border-color: #444; }
body.dark-mode .word { color: #888; }
body.dark-mode .letter.correct { color: #fff; }

/* Navbar Contrast in Dark Mode */
body.dark-mode .logo,
body.dark-mode .nav-links a,
body.dark-mode .theme-toggle-btn {
    color: #ccc;
}

body.dark-mode .logo-img {
    filter: brightness(0) invert(0.8);
}

body.dark-mode .nav-links a:hover {
    color: var(--accent-gold);
}

/* Dark Mode Buttons Contrast */
body.dark-mode .toggle-btn {
    background: #2a2a2a;
    border-color: #444;
    color: #888;
}

body.dark-mode .toggle-btn:hover {
    background: #333;
    color: #bbb;
}

body.dark-mode .toggle-btn.active {
    background: #444;
    border-color: #666;
    color: #fff;
}

body.dark-mode .filter-btn {
    border-color: #555;
    color: #888;
}

body.dark-mode .filter-btn:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #aaa;
}

body.dark-mode .filter-btn.active {
    background: #555;
    border-color: #777;
    color: #fff;
}

body.dark-mode .action-btn {
    border-color: #666;
    color: #aaa;
}

body.dark-mode .action-btn:hover {
    background: #666;
    color: #121212;
}

body.dark-mode .danger-btn {
    border-color: #ff5252;
    color: #ff5252;
}

body.dark-mode .danger-btn:hover {
    background: #ff5252;
    color: #fff;
}

body.dark-mode .sticky-note, 
body.dark-mode .restart-note {
    background-color: #1e1e1e;
    border: 2px solid #ffb300;
    color: #ffffff;
    box-shadow: 0 8px 16px rgba(0,0,0,0.6);
}

body.dark-mode .timer-note {
    background-color: #2a2a2a;
    border: 2px solid #ffb300;
    box-shadow: 0 8px 16px rgba(0,0,0,0.6);
}

body.dark-mode .timer-note #timer-display {
    color: #ffffff;
}

body.dark-mode .timer-note .timer-unit {
    color: #aaa;
}

body.dark-mode .timer-note.danger {
    background-color: #3a1a1a;
    border-color: #ff5252;
}

body.dark-mode .timer-note.danger #timer-display {
    color: #ff5252;
}

body.dark-mode .sticky-note h3,
body.dark-mode .stat .val {
    color: #ffb300;
    border-bottom-color: #ffb300;
}

body.dark-mode .stat .label {
    color: #cccccc;
}

body.dark-mode #restart-button {
    color: #ffffff;
}

/* Dark mode corner hint */
body.dark-mode .corner-hint {
    color: #78909c;
}

body.dark-mode .corner-hint .hint-key {
    background: rgba(255, 255, 255, 0.1);
    border-color: #78909c;
}

/* Dark mode modal */
body.dark-mode .modal-content {
    background-color: #2a2a2a;
    border-color: #444;
}

body.dark-mode .modal-content h3 {
    color: var(--accent-gold);
}

body.dark-mode .modal-content p {
    color: #ccc;
}

/* Dark mode toast */
body.dark-mode .toast {
    background: #333;
    border-color: #444;
}

/* Zen Mode */
body.zen-mode .words {
    color: var(--text-color);
}