/* ============================================================================
   ROOT DESIGN TOKENS
   Light theme defaults, dark theme overrides below
   ============================================================================ */

:root {
    /* === Brand / Primary (Teal) === */
    --color-primary: #0d9488;
    --color-primary-mid: #14b8a6;
    --color-primary-light: #6ee7b7;
    --color-primary-pale: #f0fdfa;
    --color-primary-border: #99f6e4;
    --color-primary-soft: #ccfbf1;
    --color-primary-deep: #115e59;
    --color-primary-glow: rgba(13, 148, 136, 0.25);
    /* === Gradient Shorthand === */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-mid));
    --gradient-brand: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-mid) 50%, var(--color-primary-light) 100%);
    /* === Neutral / Text === */
    --color-text: #1f2937;
    --color-text-muted: #6b7280;
    --color-text-faint: #9ca3af;
    --color-border: #e5e7eb;
    --color-border-light: #f1f5f9;
    --color-bg: #ffffff;
    --color-bg-subtle: #f9fafb;
    /* === Feedback === */
    --color-danger: #ef4444;
    --color-danger-bg: #fef2f2;
    --color-danger-border: #fecaca;
    --color-warning: #f59e0b;
    --color-warning-bg: #fffbeb;
    --color-warning-border: #fde68a;
    --color-success: var(--color-primary);
    /* === Overlay === */
    --overlay-bg: rgba(15, 23, 42, 0.45);
}

/* ============================================================================
   DARK THEME OVERRIDES
   ============================================================================ */

[data-theme="dark"] {
    /* === Brand (Neon Green) === */
    --color-primary: #00cc52;
    --color-primary-mid: #00ff6a;
    --color-primary-light: #6ee7b7;
    --color-primary-pale: #0a2a15;
    --color-primary-border: #0d4a25;
    --color-primary-soft: #0d4a25;
    --color-primary-deep: #66ffaa;
    --color-primary-glow: rgba(0, 255, 106, 0.12);
    /* === Gradient Shorthand (auto-updates from above) === */
    --gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-primary-mid));
    --gradient-brand: linear-gradient(135deg, #0a8a3a 0%, var(--color-primary) 50%, var(--color-primary-mid) 100%);
    /* === Neutral / Text === */
    --color-text: #e2e8f0;
    --color-text-muted: #8892a8;
    --color-text-faint: #5a6278;
    --color-border: #2a2d3a;
    --color-border-light: #2a2d3a;
    --color-bg: #1a1d27;
    --color-bg-subtle: #0f1117;
    /* === Feedback === */
    --color-danger-bg: rgba(239, 68, 68, 0.1);
    --color-danger-border: rgba(239, 68, 68, 0.3);
    --color-warning-bg: rgba(251, 191, 36, 0.1);
    --color-warning-border: rgba(251, 191, 36, 0.25);
}

/* ── Light theme ── */
:root {
    --contacts-bg: #f0fdfa;
    --contacts-border: #99f6e4;
    --contacts-shadow: 0 1rem 3rem -0.5rem rgba(13, 148, 136, 0.2), 0 0 0 1px rgba(13, 148, 136, 0.05);
    --contacts-header-bg: linear-gradient(135deg, #0d9488 0%, #6ee7b7 100%);
    --contacts-header-title: #ffffff;
    --contacts-header-subtitle: rgba(255, 255, 255, 0.7);
    --contacts-close-bg: rgba(255, 255, 255, 0.15);
    --contacts-close-bg-hover: rgba(255, 255, 255, 0.3);
    --contacts-close-border: rgba(255, 255, 255, 0.2);
    --contacts-close-color: white;
    --contacts-scrollbar: #99f6e4;
    --contacts-label: #0f766e;
    --contacts-accent: #0d9488;
    --contacts-accent-glow: rgba(13, 148, 136, 0.12);
    --contacts-divider: #ccfbf1;
    --contacts-text-strong: #115e59;
    --contacts-text-muted: #64748b;
    --contacts-text-dim: #94a3b8;
    --contacts-item-bg: #ffffff;
    --contacts-item-bg-hover: #ccfbf1;
    --contacts-item-border: #ccfbf1;
    --contacts-item-border-hover: #5eead4;
    --contacts-input-bg: #ffffff;
    --contacts-input-border: #99f6e4;
    --contacts-online: #10b981;
    --contacts-online-ring: #d1fae5;
    --contacts-online-glow: rgba(16, 185, 129, 0.4);
    --contacts-online-badge-bg: #d1fae5;
    --contacts-online-badge-color: #059669;
    --contacts-offline: #cbd5e1;
    --contacts-warning: #f59e0b;
    --contacts-warning-bg: #fefce8;
    --contacts-warning-text: #92400e;
    --contacts-badge-pending-bg: #fef3c7;
    --contacts-badge-pending-color: #b45309;
    --contacts-badge-pending-border: #fde68a;
    --contacts-btn-accept-shadow: 0 4px 10px rgba(13, 148, 136, 0.28);
    --contacts-btn-decline-bg: #fff1f2;
    --contacts-btn-decline-color: #e11d48;
    --contacts-btn-decline-border: #fecdd3;
    --contacts-btn-neutral-bg: #f1f5f9;
    --contacts-btn-neutral-border: #e2e8f0;
    --contacts-limit-bg: #ccfbf1;
    --contacts-error: #dc2626;
    --contacts-success: #059669;
}

/* ── Dark theme ── */
[data-theme="dark"] {
    --contacts-bg: #1a1d27;
    --contacts-border: #2a2d3a;
    --contacts-shadow: 0 1.5rem 3rem -0.75rem rgba(0, 0, 0, 0.5);
    --contacts-header-bg: linear-gradient(135deg, #0a8a3a 0%, #00cc52 50%, #00ff6a 100%);
    --contacts-header-title: #0f1117;
    --contacts-header-subtitle: rgba(0, 0, 0, 0.5);
    --contacts-close-bg: rgba(0, 0, 0, 0.2);
    --contacts-close-bg-hover: rgba(0, 0, 0, 0.35);
    --contacts-close-border: rgba(0, 0, 0, 0.2);
    --contacts-close-color: #0f1117;
    --contacts-scrollbar: #2a2d3a;
    --contacts-label: #00ff6a;
    --contacts-accent: #00ff6a;
    --contacts-accent-glow: rgba(0, 255, 106, 0.1);
    --contacts-divider: #2a2d3a;
    --contacts-text-strong: #e2e8f0;
    --contacts-text-muted: #5a6278;
    --contacts-text-dim: #5a6278;
    --contacts-item-bg: #222531;
    --contacts-item-bg-hover: #2a2d3a;
    --contacts-item-border: #2a2d3a;
    --contacts-item-border-hover: #0d4a25;
    --contacts-input-bg: #222531;
    --contacts-input-border: #2a2d3a;
    --contacts-online: #00ff6a;
    --contacts-online-ring: #0a2a15;
    --contacts-online-glow: rgba(0, 255, 106, 0.3);
    --contacts-online-badge-bg: #0a2a15;
    --contacts-online-badge-color: #00ff6a;
    --contacts-offline: #3a3d4a;
    --contacts-warning: #f59e0b;
    --contacts-warning-bg: #2a2008;
    --contacts-warning-text: #fbbf24;
    --contacts-badge-pending-bg: #2a2008;
    --contacts-badge-pending-color: #fbbf24;
    --contacts-badge-pending-border: #44360a;
    --contacts-btn-accept-shadow: 0 4px 10px rgba(0, 255, 106, 0.25);
    --contacts-btn-decline-bg: #450a0a;
    --contacts-btn-decline-color: #fca5a5;
    --contacts-btn-decline-border: #7f1d1d;
    --contacts-btn-neutral-bg: #222531;
    --contacts-btn-neutral-border: #2a2d3a;
    --contacts-limit-bg: #0a2a15;
    --contacts-error: #fca5a5;
    --contacts-success: #00ff6a;
}

/* ── Light theme ── */
:root {
    /* Cards */
    --card-bg: #fff;
    --card-bg-shared: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    --card-border: #f0f0f0;
    --card-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.12);
    --card-accent-private: #38b2ac;
    --card-accent-shared: #4299e1;
    --card-border-temp: #f97316;
    --card-border-perm: #22c55e;
    --card-glow-temp: 0 0 0.375rem rgba(249, 115, 22, 0.4);
    --card-glow-perm: 0 0 0.375rem rgba(34, 197, 94, 0.4);
    --card-drag-outline: #3b82f6;
    --card-drag-bg: rgba(59, 130, 246, 0.1);
    --card-title: #2d3748;
    --card-subtitle: #718096;
    --card-meta: #9ca3af;
    --tag-bg: #e6fffa;
    --tag-color: #047857;
    --tag-border: #a7f3d0;
    /* Badges */
    --badge-private-bg: #e6fffa;
    --badge-private-color: #047857;
    --badge-private-border: #a7f3d0;
    --badge-shared-bg: #dbeafe;
    --badge-shared-color: #1d4ed8;
    --badge-shared-border: #93c5fd;
    --badge-temp-bg: #fef3c7;
    --badge-temp-color: #92400e;
    --badge-temp-border: #fbbf24;
    --badge-multi-bg: #eaf2ff;
    --badge-multi-color: #1b4fd6;
    --badge-multi-border: #cfe0ff;
    --badge-single-bg: #f6fff0;
    --badge-single-color: #2b6e0f;
    --badge-single-border: #ddf3c4;
    /* Action buttons */
    --action-secondary-bg: #f7fafc;
    --action-secondary-color: #4a5568;
    --action-secondary-border: #e2e8f0;
    --action-secondary-bg-hover: #edf2f7;
    --action-success-bg: #c6f6d5;
    --action-success-color: #22543d;
    --action-success-border: #9ae6b4;
    --action-success-bg-hover: #9ae6b4;
    --action-danger-bg: #fed7d7;
    --action-danger-color: #c53030;
    --action-danger-border: #feb2b2;
    --action-danger-bg-hover: #fbb6ce;
    /* Dropdown */
    --dropdown-bg: white;
    --dropdown-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
    --dropdown-text: black;
    --dropdown-hover: #f1f1f1;
    --dropdown-disabled: #ccc;
    /* Empty states */
    --empty-bg: #f8fafc;
    --empty-text: #888;
    --empty-title: #444;
    --empty-shadow: 0 0.125rem 1rem #e0e0e0a0;
}

/* ── Dark theme ── */
[data-theme="dark"] {
    /* Cards */
    --card-bg: #1a1d27;
    --card-bg-shared: linear-gradient(135deg, #1a1d27 0%, #1f2230 100%);
    --card-border: #2a2d3a;
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    --card-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5);
    --card-drag-outline: #00ff6a;
    --card-drag-bg: rgba(0, 255, 106, 0.08);
    --card-title: #f1f5f9;
    --card-subtitle: #8892a8;
    --card-meta: #5a6278;
    --tag-bg: #064e3b;
    --tag-color: #6ee7b7;
    --tag-border: #065f46;
    /* Badges */
    --badge-private-bg: #0a2a15;
    --badge-private-color: #00ff6a;
    --badge-private-border: #0d4a25;
    --badge-shared-bg: #0a2a15;
    --badge-shared-color: #66ffaa;
    --badge-shared-border: #0d4a25;
    --badge-temp-bg: #422006;
    --badge-temp-color: #fde68a;
    --badge-temp-border: #78350f;
    --badge-multi-bg: #0a2a15;
    --badge-multi-color: #66ffaa;
    --badge-multi-border: #0d4a25;
    --badge-single-bg: #052e16;
    --badge-single-color: #86efac;
    --badge-single-border: #14532d;
    /* Action buttons */
    --action-secondary-bg: #222531;
    --action-secondary-color: #8892a8;
    --action-secondary-border: #2a2d3a;
    --action-secondary-bg-hover: #2a2d3a;
    --action-success-bg: #064e3b;
    --action-success-color: #6ee7b7;
    --action-success-border: #065f46;
    --action-success-bg-hover: #065f46;
    --action-danger-bg: #450a0a;
    --action-danger-color: #fca5a5;
    --action-danger-border: #7f1d1d;
    --action-danger-bg-hover: #7f1d1d;
    /* Dropdown */
    --dropdown-bg: #1a1d27;
    --dropdown-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
    --dropdown-text: #e2e8f0;
    --dropdown-hover: #222531;
    --dropdown-disabled: #5a6278;
    /* Empty states */
    --empty-bg: #1a1d27;
    --empty-text: #8892a8;
    --empty-title: #e2e8f0;
    --empty-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}


/* ── Light theme ── */
:root {
    /* Large Files */
    --lf-header-bg: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    --lf-header-border: #475569;
    --lf-card-bg: rgba(255, 255, 255, 0.03);
    --lf-card-bg-hover: rgba(255, 255, 255, 0.06);
    --lf-card-border: #333;
    --lf-card-border-hover: #444;
    --lf-file-name: #fff;
    --lf-file-meta: #888;
    --lf-btn-border: #444;
    --lf-btn-color: #ccc;
    --lf-btn-bg-hover: rgba(255, 255, 255, 0.1);
    --lf-divider: #333;
    --lf-panel-bg: white;
    --lf-panel-title: #374151;
    --lf-user-badge-bg: #f9fafb;
    --lf-user-badge-bg-hover: #f3f4f6;
    --lf-hint-bg: #f0f8ff;
    --lf-badge-size-bg: #f0f9ff;
    --lf-badge-size-color: #0284c7;
    --lf-badge-size-border: #bae6fd;
    /* P2P Transfers */
    --transfer-panel-bg: linear-gradient(135deg, #0d9488 0%, #14b8a6 50%, #34d399 100%);
    --transfer-panel-shadow: 0 0.5rem 1rem rgba(13, 148, 136, 0.2);
    --transfer-panel-title: white;
    --transfer-card-bg: #f0fdfa;
    --transfer-card-border: #ccfbf1;
    --transfer-card-shadow: 0 0.125rem 0.5rem rgba(13, 148, 136, 0.1);
    --transfer-card-shadow-hover: 0 0.25rem 0.75rem rgba(13, 148, 136, 0.15);
    --transfer-sending-accent: #0d9488;
    --transfer-receiving-accent: #14b8a6;
    --transfer-file-color: #115e59;
    --transfer-percent-color: #0d9488;
    --transfer-peer-color: #5eead4;
    --transfer-peer-strong: #115e59;
    --transfer-progress-track: #ccfbf1;
    --transfer-progress-fill: linear-gradient(90deg, #0d9488 0%, #14b8a6 100%);
    --transfer-progress-shadow: 0 0.125rem 0.25rem rgba(13, 148, 136, 0.3);
    --transfer-receiving-fill: linear-gradient(90deg, #14b8a6 0%, #34d399 100%);
    --transfer-receiving-percent: #14b8a6;
    --transfer-status-color: #0d9488;
    --transfer-size-color: #115e59;
    --transfer-abort-bg: #ef4444;
    --transfer-abort-bg-hover: #dc2626;
    --transfer-abort-bg-active: #b91c1c;
}

/* ── Dark theme ── */
[data-theme="dark"] {
    /* Large Files */
    --lf-card-bg: rgba(255, 255, 255, 0.02);
    --lf-card-bg-hover: rgba(255, 255, 255, 0.05);
    --lf-card-border: #2a2d3a;
    --lf-card-border-hover: #3a3d4a;
    --lf-file-name: #e2e8f0;
    --lf-file-meta: #5a6278;
    --lf-btn-border: #2a2d3a;
    --lf-btn-color: #8892a8;
    --lf-btn-bg-hover: rgba(255, 255, 255, 0.05);
    --lf-divider: #2a2d3a;
    --lf-panel-bg: #1a1d27;
    --lf-panel-title: #e2e8f0;
    --lf-user-badge-bg: #222531;
    --lf-user-badge-bg-hover: #2a2d3a;
    --lf-hint-bg: #222531;
    --lf-badge-size-bg: #0a2a15;
    --lf-badge-size-color: #00ff6a;
    --lf-badge-size-border: #0d4a25;
    /* P2P Transfers */
    --transfer-panel-bg: linear-gradient(135deg, #0a8a3a 0%, #00cc52 50%, #00ff6a 100%);
    --transfer-panel-shadow: 0 0.5rem 1rem rgba(0, 255, 106, 0.2);
    --transfer-panel-title: #0f1117;
    --transfer-card-bg: #1a1d27;
    --transfer-card-border: #2a2d3a;
    --transfer-card-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
    --transfer-card-shadow-hover: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.4);
    --transfer-sending-accent: #00ff6a;
    --transfer-receiving-accent: #00cc52;
    --transfer-file-color: #e2e8f0;
    --transfer-percent-color: #00ff6a;
    --transfer-peer-color: #5a6278;
    --transfer-peer-strong: #e2e8f0;
    --transfer-progress-track: #222531;
    --transfer-progress-fill: linear-gradient(90deg, #00cc52 0%, #00ff6a 100%);
    --transfer-progress-shadow: 0 0.125rem 0.25rem rgba(0, 255, 106, 0.3);
    --transfer-receiving-fill: linear-gradient(90deg, #0a8a3a 0%, #00cc52 100%);
    --transfer-receiving-percent: #00cc52;
    --transfer-status-color: #00ff6a;
    --transfer-size-color: #8892a8;
    --transfer-abort-bg: #dc2626;
    --transfer-abort-bg-hover: #ef4444;
    --transfer-abort-bg-active: #b91c1c;
}

/* ── Light theme ── */
:root {
    /* Modals */
    --modal-bg: var(--color-primary-pale);
    --modal-bg-secondary: var(--color-primary-soft);
    --modal-bg-surface: var(--color-bg);
    --modal-shadow: 0 1.25rem 2.5rem rgba(13, 148, 136, 0.2);
    --modal-border: #5eead4;
    --modal-border-light: var(--color-primary-border);
    /* Modal Buttons */
    --modal-btn-cancel-bg: var(--color-bg);
    --modal-btn-cancel-text: var(--color-primary-deep);
    --modal-btn-cancel-border: var(--color-primary-border);
    --modal-btn-cancel-hover-bg: var(--color-primary-pale);
    --modal-btn-cancel-hover-border: #5eead4;
    --modal-btn-confirm-bg: var(--gradient-primary);
    --modal-btn-confirm-text: #ffffff;
    /* Modal Input */
    --modal-input-bg: var(--color-bg);
    --modal-input-placeholder: #5eead4;
    --modal-input-focus-ring: rgba(13, 148, 136, 0.14);
    /* Modal Text */
    --modal-text-primary: #0f766e;
    --modal-text-secondary: var(--color-primary-deep);
    --modal-text-muted: var(--color-text-muted);
    --modal-text-body: #333333;
    --modal-text-hint: #666666;
    /* Modal Option */
    --modal-option-bg: var(--color-bg);
    --modal-option-hover-bg: var(--color-primary-soft);
    --modal-option-hover-border: var(--color-primary);
    --modal-option-hover-shadow: rgba(13, 148, 136, 0.15);
    /* Modal File Item */
    --modal-file-item-bg: var(--color-primary-pale);
    /* Modal Icon Overlay */
    --modal-icon-overlay: rgba(255, 255, 255, 0.2);
    /* Modal Error */
    --modal-error-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    --modal-error-bg: var(--color-danger-bg);
    --modal-error-border: var(--color-danger);
    --modal-error-text-strong: var(--modal-text-primary);
    /* Modal Warning */
    --modal-warning-gradient: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
    --modal-warning-bg: #fef3c7;
    --modal-warning-border: var(--color-warning);
    --modal-warning-text: #78350f;
    --modal-warning-text-strong: #92400e;
    --modal-warning-header-bg: linear-gradient(135deg, #fff5e6 0%, #ffffff 100%);
    /* Modal Tip */
    --modal-tip-bg: var(--color-primary-soft);
    --modal-tip-border: var(--color-primary);
    --modal-tip-text: #0f766e;
    --modal-tip-text-strong: var(--color-primary-deep);
}

/* ── Dark theme ── */
[data-theme="dark"] {
    /* Modals */
    --modal-bg: var(--color-bg);
    --modal-bg-secondary: #222531;
    --modal-bg-surface: #222531;
    --modal-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.5);
    --modal-border: var(--color-border);
    --modal-border-light: var(--color-border);
    /* Modal Buttons */
    --modal-btn-cancel-bg: #2a2d3a;
    --modal-btn-cancel-text: var(--color-text-muted);
    --modal-btn-cancel-border: var(--color-border);
    --modal-btn-cancel-hover-bg: #2a2d3a;
    --modal-btn-cancel-hover-border: #3a3d4a;
    --modal-btn-confirm-bg: var(--gradient-primary);
    --modal-btn-confirm-text: #0f1117;
    /* Modal Input */
    --modal-input-bg: #222531;
    --modal-input-placeholder: var(--color-text-faint);
    --modal-input-focus-ring: rgba(0, 255, 106, 0.1);
    /* Modal Text */
    --modal-text-primary: var(--color-text);
    --modal-text-secondary: var(--color-text-muted);
    --modal-text-muted: var(--color-text-faint);
    --modal-text-body: var(--color-text-muted);
    --modal-text-hint: var(--color-text-muted);
    /* Modal Option */
    --modal-option-bg: var(--color-bg);
    --modal-option-hover-bg: var(--color-primary-pale);
    --modal-option-hover-border: var(--color-primary-mid);
    --modal-option-hover-shadow: rgba(0, 255, 106, 0.1);
    /* Modal File Item */
    --modal-file-item-bg: var(--color-bg);
    /* Modal Error */
    --modal-error-gradient: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    --modal-error-bg: #450a0a;
    --modal-error-border: var(--color-danger);
    --modal-error-text-strong: #f87171;
    /* Modal Warning */
    --modal-warning-gradient: linear-gradient(135deg, #d97706 0%, #c2410c 100%);
    --modal-warning-bg: #451a03;
    --modal-warning-border: var(--color-warning);
    --modal-warning-text: #fcd34d;
    --modal-warning-text-strong: #fbbf24;
    --modal-warning-header-bg: linear-gradient(135deg, #422006 0%, var(--color-bg) 100%);
    /* Modal Tip */
    --modal-tip-bg: var(--color-primary-pale);
    --modal-tip-border: var(--color-primary-mid);
    --modal-tip-text: #66ffaa;
    --modal-tip-text-strong: #88ffbb;
}

/* ── Light theme ── */
:root {
    /* Drop Zones */
    --dz-border: rgba(13, 148, 136, 0.25);
    --dz-border-hover: #99f6e4;
    --dz-border-dragging: rgba(13, 148, 136, 0.6);
    --dz-bg: linear-gradient(135deg, #e6faf6 0%, #f5fdfb 100%);
    --dz-bg-hover: linear-gradient(135deg, #ccfbf1 0%, #e6faf6 100%);
    --dz-bg-dragging: linear-gradient(135deg, #ccfbf1 0%, #e6faf6 100%);
    --dz-shadow: 0 0.125rem 0.6rem rgba(13, 148, 136, 0.05);
    --dz-shadow-hover: 0 8px 24px rgba(13, 148, 136, 0.2), 0 0 0 1px rgba(13, 148, 136, 0.1);
    --dz-shadow-dragging: 0 0.5rem 1.5rem rgba(13, 148, 136, 0.15);
    --dz-icon: rgb(107, 114, 128);
    --dz-icon-dragging: rgb(13, 148, 136);
}
/* ── Dark theme ── */
[data-theme="dark"] {
    /* Drop Zones */
    --dz-border: rgba(13, 148, 136, 0.25);
    --dz-border-hover: rgba(0, 255, 106, 0.25);
    --dz-border-dragging: rgba(0, 255, 106, 0.5);
    --dz-bg: linear-gradient(135deg, #1a1d27 0%, #0a2a15 100%);
    --dz-bg-hover: linear-gradient(135deg, #1a1d27 0%, #0a2a15 100%);
    --dz-bg-dragging: linear-gradient(135deg, rgba(0, 255, 106, 0.15) 0%, #0a2a15 100%);
    --dz-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    --dz-shadow-hover: 0 8px 24px rgba(0, 255, 106, 0.2), 0 0 0 1px rgba(0, 255, 106, 0.1);
    --dz-shadow-dragging: 0 8px 25px rgba(0, 255, 106, 0.15);
    --dz-icon: #8892a8;
    --dz-icon-dragging: #8892a8;
    --dz-text: #8892a8;
}

[data-theme="dark"] {
    /* Hardcoded badge dark overrides */
    --badge-css-bg: #0a1628;
    --badge-css-color: #93c5fd;
    --badge-css-border: #1e3a5f;
    --badge-pdf-bg: #1a0a0a;
    --badge-pdf-color: #fca5a5;
    --badge-pdf-border: #7f1d1d;
    --badge-json-bg: #1a1500;
    --badge-json-color: #fde68a;
    --badge-json-border: #78350f;
    --badge-csv-bg: #052e16;
    --badge-csv-color: #86efac;
    --badge-csv-border: #14532d;
    --badge-xml-bg: #1a0f00;
    --badge-xml-color: #fdba74;
    --badge-xml-border: #7c2d12;
    --badge-svg-bg: #1a0a1a;
    --badge-svg-color: #e879f9;
    --badge-svg-border: #701a75;
    --badge-txt-bg: #1a1d27;
    --badge-txt-color: #8892a8;
    --badge-txt-border: #2a2d3a;
    --badge-p2u-bg: #0a1628;
    --badge-p2u-color: #93c5fd;
    --badge-p2u-border: #1e3a5f;
    --badge-large-file-bg: rgba(255, 122, 0, 0.18);
    --badge-large-file-color: #ffb36b;
    --badge-large-file-border: rgba(255, 122, 0, 0.45);
}