/* ===== TOOLS DARK MODE SUPPORT ===== */
/* AINNA Tools - Comprehensive dark mode styling */

[data-theme="dark"] {
 --bg-primary: #020617;
 --bg-secondary: #0f172a;
 --text-primary: #f8fafc;
 --text-secondary: #94a3b8;
 --accent-blue: #6366f1;
 --accent-green: #22c55e;
 --border-color: #334155;
 --bg-tertiary: #111827;
 --accent-orange: #fb923c;
 --accent-purple: #a855f7;
}

[data-theme="dark"] body {
 background: var(--bg-primary);
 color: var(--text-primary);
}

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

/* Generic card/section backgrounds */
[data-theme="dark"] .upload-section,
[data-theme="dark"] .generator-section,
[data-theme="dark"] .editor-section,
[data-theme="dark"] .results-section,
[data-theme="dark"] .preview-section,
[data-theme="dark"] .input-section,
[data-theme="dark"] .controls-panel,
[data-theme="dark"] .result-card {
 background: var(--bg-secondary);
}

[data-theme="dark"] .upload-section.dragover,
[data-theme="dark"] .preset-btn:hover {
 background: rgba(99, 102, 241, 0.15);
}

[data-theme="dark"] .upload-section,
[data-theme="dark"] .generator-section {
 border-color: var(--border-color);
}

[data-theme="dark"] .upload-section.dragover {
 border-color: var(--accent-blue);
}

[data-theme="dark"] .upload-btn {
 background: var(--accent-blue);
}

[data-theme="dark"] .btn-primary {
 background: var(--accent-blue);
}

[data-theme="dark"] .btn-success {
 background: var(--accent-green);
}

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

[data-theme="dark"] .btn-danger {
 background: transparent;
 color: #fca5a5;
 border-color: #f87171;
}

[data-theme="dark"] .clear-btn {
 background: transparent;
 color: var(--accent-orange);
 border-color: var(--accent-orange);
}

[data-theme="dark"] .clear-btn:hover {
 background: rgba(251, 146, 60, 0.15);
}

/* Form elements */
[data-theme="dark"] select,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] textarea {
 background: var(--bg-secondary);
 color: var(--text-primary);
 border-color: var(--border-color);
}

[data-theme="dark"] select:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
 border-color: var(--accent-blue);
}

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

[data-theme="dark"] .file-info {
 background: var(--bg-tertiary);
 color: var(--text-primary);
}

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

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

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

[data-theme="dark"] .qr-placeholder.empty {
 color: var(--text-secondary);
}

[data-theme="dark"] .result-info {
 background: var(--bg-primary);
 color: var(--text-primary);
}

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

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

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

[data-theme="dark"] footer {
 border-top-color: var(--border-color);
 color: var(--text-secondary);
}

[data-theme="dark"] .tools-bg-blobs .blob {
 opacity: 0.12;
}

/* Hover states for dark mode */
[data-theme="dark"] .preset-btn:hover {
 background: var(--bg-primary);
 border-color: var(--accent-blue);
}

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

[data-theme="dark"] .result-card:hover {
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .tool-card:hover {
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}