/* ========== deep0 Theme - 纯白极简 ========== */
:root {
    --bg-primary: #0a0a0f;
    --text-primary: #ffffff;
    --accent: #6366f1;
}
[data-theme="light"] {
    --bg-primary: #ffffff;
    --text-primary: #111111;
    --accent: #0066ff;
}

body { background: var(--bg-primary) !important; color: var(--text-primary) !important; }

/* Navigation */
[data-theme="light"] .glass-panel,
[data-theme="light"] nav { background: #fff !important; border-bottom: 1px solid #eee !important; }
[data-theme="light"] .glass-card { background: #fff !important; border: none !important; box-shadow: none !important; }

/* Text colors - 保留渐变文字 */
[data-theme="light"] .text-white:not(.bg-clip-text) { color: #111 !important; }
[data-theme="light"] .text-gray-100:not(.bg-clip-text) { color: #111 !important; }
[data-theme="light"] .text-gray-200 { color: #444 !important; }
[data-theme="light"] .text-gray-300 { color: #444 !important; }
[data-theme="light"] .text-gray-400 { color: #666 !important; }
[data-theme="light"] .text-gray-500 { color: #888 !important; }
[data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3 { color: #000 !important; }

/* Input */
[data-theme="light"] input,
[data-theme="light"] textarea { background: #fff !important; border: 1px solid #ddd !important; color: #111 !important; }
[data-theme="light"] input:focus { border-color: #0066ff !important; outline: none !important; }
[data-theme="light"] input::placeholder { color: #999 !important; }

/* Buttons */
[data-theme="light"] .btn-primary { background: #0066ff !important; color: #fff !important; }

/* Tables */
[data-theme="light"] table th { background: #fff !important; color: #444 !important; border-bottom: 1px solid #eee !important; }
[data-theme="light"] table td { background: #fff !important; color: #111 !important; border-bottom: 1px solid #eee !important; }

/* Tags */
[data-theme="light"] .tag { background: #f0f7ff !important; color: #0066ff !important; }

/* Links */
[data-theme="light"] a:not(.btn) { color: #0066ff !important; }

/* Labels */
[data-theme="light"] label { color: #444 !important; }

/* Range slider */
[data-theme="light"] input[type="range"] { background: #eee !important; accent-color: #0066ff; }

/* Checkbox */
[data-theme="light"] input[type="checkbox"] { accent-color: #0066ff; }

/* ========== 覆盖深色背景类 ========== */
[data-theme="light"] .bg-gray-900,
[data-theme="light"] .bg-gray-900\/50,
[data-theme="light"] .bg-gray-900\/30 { background: #fff !important; border: 1px solid #eee !important; }

[data-theme="light"] .bg-gray-800,
[data-theme="light"] .bg-gray-800\/50 { background: #fff !important; }
[data-theme="light"] .bg-gray-700 { background: #eee !important; }

[data-theme="light"] .bg-gray-950,
[data-theme="light"] .bg-gray-950\/50,
[data-theme="light"] .bg-gray-950\/30 { background: #fff !important; }

[data-theme="light"] .bg-indigo-950\/30 { background: #f5f9ff !important; }
[data-theme="light"] .bg-indigo-500\/15 { background: #f0f7ff !important; }

[data-theme="light"] .bg-white\/3,
[data-theme="light"] .bg-white\/5,
[data-theme="light"] .bg-white\/10 { background: #fff !important; border: 1px solid #eee !important; }

[data-theme="light"] .bg-indigo-600 { background: #0066ff !important; }

[data-theme="light"] .border-white\/10,
[data-theme="light"] .border-white\/5 { border-color: #eee !important; }
[data-theme="light"] .border-indigo-500\/15 { border-color: #e0efff !important; }

/* Status */
[data-theme="light"] .status-running { background: #f0f7ff !important; color: #0066ff !important; }
[data-theme="light"] .status-completed { background: #f0fff4 !important; color: #16a34a !important; }
[data-theme="light"] .status-pending { background: #fafafa !important; color: #888 !important; }
[data-theme="light"] .status-error { background: #fff5f5 !important; color: #dc2626 !important; }

/* Plan cards */
[data-theme="light"] .plan-card { background: #fff !important; border: 1px solid #eee !important; }
[data-theme="light"] .plan-card.selected { border-color: #0066ff !important; background: #f0f7ff !important; }

/* Theme toggle */
.theme-toggle { display: flex; gap: 2px; padding: 2px; background: #f5f5f5; border-radius: 6px; }
.theme-toggle button { padding: 3px 6px; border: none; background: transparent; cursor: pointer; font-size: 12px; border-radius: 4px; opacity: 0.4; }
.theme-toggle button:hover { opacity: 0.7; }
.theme-toggle button.active { background: #0066ff; opacity: 1; color: white; }
