/* ===========================================
   DARK MODE STYLES
   Theme Overrides for Dark Mode
   =========================================== */

[data-theme="dark"] {
    /* Dark theme palette */
    --bg: #1a1a1a;
    /* page background */
    --panel: #2a2a2a;
    /* cards/panels/buttons */
    --text: #e5e5e5;
    /* primary text */
    --muted: #a1a1aa;
    /* secondary text */
    --accent: #5b7ff5;
    /* primary action */
    --border: #404040;
    /* subtle borders */
}

/* Dark mode specific overrides */
[data-theme="dark"] #dropzone {
    border-color: var(--border);
}

[data-theme="dark"] .modal-close {
    color: var(--text);
}

[data-theme="dark"] .reset-btn {
    border-color: var(--text) !important;
}