/* ============================================
   EDESON VIDEO DOWNLOADER APP - Dark Mode
   ============================================ */

/* Dark Mode overrides applied when body has .dark-mode class */
body.dark-mode {
    /* Primary Colors - slightly brighter for dark backgrounds */
    --primary: #6366f1;
    --primary-hover: #818cf8;
    --primary-light: rgba(99, 102, 241, 0.15);
    --primary-glow: rgba(99, 102, 241, 0.25);

    /* Background Colors */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-card: rgba(30, 41, 59, 0.8);
    --bg-glass: rgba(30, 41, 59, 0.6);
    --bg-header: rgba(15, 23, 42, 0.9);
    --bg-input: #1e293b;
    --bg-hover: rgba(99, 102, 241, 0.1);

    /* Text Colors */
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-inverse: #0f172a;

    /* Border Colors */
    --border: #334155;
    --border-light: #1e293b;
    --border-focus: #6366f1;

    /* Shadows - deeper for dark mode */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.4);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.3);

    /* Glassmorphism */
    --glass-bg: rgba(30, 41, 59, 0.7);
    --glass-border: rgba(51, 65, 85, 0.5);
}

/* Dark Mode Specific Adjustments */
body.dark-mode .header {
    border-bottom-color: var(--border);
}

body.dark-mode .url-input-wrapper {
    box-shadow: var(--shadow-md);
}

body.dark-mode .url-input-wrapper:focus-within {
    box-shadow: 0 0 0 4px var(--primary-light), var(--shadow-md);
}

body.dark-mode .theme-toggle {
    background: #475569;
}

body.dark-mode .theme-toggle::after {
    background: #e2e8f0;
}

body.dark-mode .logo-icon {
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
}

body.dark-mode .btn-download {
    box-shadow: 0 4px 14px rgba(99, 102, 241, 0.2);
}

body.dark-mode .btn-primary {
    box-shadow: 0 2px 8px rgba(99, 102, 241, 0.2);
}

body.dark-mode .hamburger span {
    background: var(--text-primary);
}

body.dark-mode .notification {
    background: rgba(30, 41, 59, 0.95);
    border-color: rgba(51, 65, 85, 0.5);
}

body.dark-mode .history-table thead th {
    border-bottom-color: var(--border);
}

body.dark-mode .history-table tbody td {
    border-bottom-color: var(--border-light);
}

body.dark-mode .accordion-item {
    border-color: var(--border);
}

body.dark-mode .accordion-header {
    background: var(--bg-card);
}

body.dark-mode .footer {
    background: var(--bg-secondary);
    border-top-color: var(--border);
}

body.dark-mode .ad-banner {
    background: linear-gradient(135deg, var(--bg-secondary), rgba(30, 41, 59, 0.5));
}

body.dark-mode .guide-step-number {
    background: var(--primary);
}

body.dark-mode .disclaimer-box {
    background: rgba(245, 158, 11, 0.08);
    border-color: rgba(245, 158, 11, 0.2);
}

body.dark-mode .site-card-icon {
    background: var(--primary-light);
}

body.dark-mode .download-item-icon {
    background: var(--primary-light);
}

body.dark-mode .guidance-card .site-tip {
    background: var(--bg-secondary);
}

/* Dark mode scrollbar */
body.dark-mode ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: var(--border);
}

/* Dark mode selection */
body.dark-mode ::selection {
    background: rgba(99, 102, 241, 0.3);
    color: var(--text-primary);
}

/* Dark mode code blocks */
body.dark-mode code {
    background: var(--bg-secondary);
    color: var(--accent);
}