/* ============================================
   DARK MODE
   ============================================ */

[data-theme="dark"] {
    --bg: #0F0F1A;
    --bg-card: #1A1A2E;
    --bg-hover: #252540;
    --bg-alt: #12121F;
    --bg-elevated: #222240;
    
    --text: #EEEEF6;
    --text-secondary: #A8A8C8;
    --text-muted: #6A6A8A;
    
    --border: #2A2A44;
    --border-light: #1E1E34;
    --border-hover: #3A3A5A;
    
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.2);
    --shadow: 0 4px 20px rgba(0,0,0,0.3);
    --shadow-md: 0 8px 40px rgba(0,0,0,0.4);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
    --shadow-xl: 0 30px 80px rgba(0,0,0,0.6);
}

[data-theme="dark"] .header {
    background: rgba(26, 26, 46, 0.92);
    border-bottom-color: var(--border);
}

[data-theme="dark"] .header-btn,
[data-theme="dark"] .theme-toggle {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

[data-theme="dark"] .header-btn:hover,
[data-theme="dark"] .theme-toggle:hover {
    background: var(--border);
    color: var(--text);
}

[data-theme="dark"] .converter-grid {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .upload-zone {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .upload-zone:hover {
    border-color: var(--primary);
    background: rgba(108, 99, 255, 0.06);
}

[data-theme="dark"] .file-list {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .file-list-header {
    background: var(--bg-card);
    border-bottom-color: var(--border);
}

[data-theme="dark"] .file-list-item:hover {
    background: var(--bg-hover);
}

[data-theme="dark"] .settings-panel {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .setting-group select {
    background: var(--bg-card);
    color: var(--text);
    border-color: var(--border);
}

[data-theme="dark"] .preview-container {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .preview-header {
    background: var(--bg-card);
    border-bottom-color: var(--border);
}

[data-theme="dark"] .preview-footer {
    background: var(--bg-card);
    border-top-color: var(--border);
}

[data-theme="dark"] .feature-card {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .footer {
    background: var(--bg-card);
    border-top-color: var(--border);
}

[data-theme="dark"] .footer-social a {
    background: var(--bg-hover);
    color: var(--text-secondary);
}

[data-theme="dark"] .footer-social a:hover {
    background: var(--primary);
    color: white;
}

[data-theme="dark"] .selector-btn {
    background: var(--bg-card);
    border-color: var(--border);
}

[data-theme="dark"] .selector-btn:hover {
    border-color: var(--primary);
}

[data-theme="dark"] .selector-btn.active {
    border-color: var(--primary);
    background: rgba(108, 99, 255, 0.12);
}

[data-theme="dark"] .btn-secondary {
    background: var(--bg-hover);
    border-color: var(--border);
    color: var(--text-secondary);
}

[data-theme="dark"] .btn-secondary:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: rgba(108, 99, 255, 0.08);
}

[data-theme="dark"] .loading-container {
    background: var(--bg-card);
}

[data-theme="dark"] .toast {
    background: var(--bg-card);
    box-shadow: var(--shadow-lg);
}

[data-theme="dark"] .preview-content {
    background: var(--bg);
    border-color: var(--border);
}

[data-theme="dark"] .preview-content th {
    background: var(--bg-hover);
}

[data-theme="dark"] .preview-content th,
[data-theme="dark"] .preview-content td {
    border-color: var(--border);
}

[data-theme="dark"] .file-icon.pdf { background: #2D1B1B; color: #E74C3C; }
[data-theme="dark"] .file-icon.docx { background: #1A2332; color: #4D9AFF; }
[data-theme="dark"] .file-icon.xlsx { background: #1A2A1A; color: #2E7D32; }
[data-theme="dark"] .file-icon.png,
[data-theme="dark"] .file-icon.jpg { background: #2A1A2A; color: #9C27B0; }
[data-theme="dark"] .file-icon.csv { background: #2A1F1A; color: #E65100; }
[data-theme="dark"] .file-icon.html { background: #2A241A; color: #F57C00; }
[data-theme="dark"] .file-icon.json { background: #1A242A; color: #00838F; }

[data-theme="dark"] .preloader {
    background: var(--bg);
}

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

[data-theme="dark"] .hero {
    background: linear-gradient(180deg, rgba(108, 99, 255, 0.06) 0%, transparent 100%);
}

[data-theme="dark"] .hero-badge {
    background: rgba(108, 99, 255, 0.15);
}

[data-theme="dark"] .quality-control input[type="range"] {
    background: var(--border);
}

[data-theme="dark"] .margin-inputs input,
[data-theme="dark"] .setting-group input[type="number"] {
    background: var(--bg-card);
    border-color: var(--border);
    color: var(--text);
}

[data-theme="dark"] .margin-inputs input:focus,
[data-theme="dark"] .setting-group input[type="number"]:focus {
    border-color: var(--primary);
}

[data-theme="dark"] .advanced-options summary {
    color: var(--text-secondary);
}

[data-theme="dark"] .adv-option label {
    color: var(--text-secondary);
}