/* CloviBuild Dark Mode CSS — generated 2026-06-18 */ /* Dark mode: activated via [data-theme="dark"] on */ /* NOTE: No light-mode body override — each page sets its own bg */ /* ── Dark mode overrides ── */ [data-theme="dark"] body { background: #0a0f1e !important; color: #f1f5f9 !important; } [data-theme="dark"] .bg-white, [data-theme="dark"] [class*="bg-white"] { background-color: #1e293b !important; } [data-theme="dark"] .bg-slate-50, [data-theme="dark"] [class*="bg-slate-50"] { background-color: #0f172a !important; } [data-theme="dark"] .bg-slate-100, [data-theme="dark"] [class*="bg-slate-100"] { background-color: #1e293b !important; } [data-theme="dark"] .bg-gray-50 { background-color: #0f172a !important; } [data-theme="dark"] .bg-gray-100 { background-color: #1e293b !important; } [data-theme="dark"] header, [data-theme="dark"] nav { background-color: #0a0f1e !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] nav a { color: #e2e8f0 !important; } [data-theme="dark"] nav a:hover { color: #ffffff !important; } [data-theme="dark"] .text-slate-400 { color: #94a3b8 !important; } [data-theme="dark"] .text-slate-500, [data-theme="dark"] .text-slate-600, [data-theme="dark"] .text-slate-700 { color: #cbd5e1 !important; } [data-theme="dark"] .text-slate-800, [data-theme="dark"] .text-slate-900 { color: #f1f5f9 !important; } [data-theme="dark"] .text-gray-400 { color: #94a3b8 !important; } [data-theme="dark"] .text-gray-500, [data-theme="dark"] .text-gray-600 { color: #94a3b8 !important; } [data-theme="dark"] .text-gray-700, [data-theme="dark"] .text-gray-800, [data-theme="dark"] .text-gray-900 { color: #f1f5f9 !important; } [data-theme="dark"] .pricing-card, [data-theme="dark"] [class*="pricing"] { background-color: #1e293b !important; border-color: rgba(255,255,255,0.1) !important; color: #f1f5f9 !important; } [data-theme="dark"] details, [data-theme="dark"] summary { background-color: #1e293b !important; color: #f1f5f9 !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] .card, [data-theme="dark"] [class*="card"] { background-color: #1e293b !important; border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] footer { background-color: #0a0f1e !important; color: #94a3b8 !important; border-color: rgba(255,255,255,0.08) !important; } [data-theme="dark"] footer a { color: #94a3b8 !important; } [data-theme="dark"] footer a:hover { color: #f1f5f9 !important; } [data-theme="dark"] input, [data-theme="dark"] textarea, [data-theme="dark"] select { background-color: #1e293b !important; border-color: rgba(255,255,255,0.15) !important; color: #f1f5f9 !important; } [data-theme="dark"] table { color: #e2e8f0 !important; } [data-theme="dark"] th { background-color: #1e293b !important; color: #f1f5f9 !important; } [data-theme="dark"] td { border-color: rgba(255,255,255,0.07) !important; } [data-theme="dark"] hr { border-color: rgba(255,255,255,0.1) !important; } [data-theme="dark"] pre, [data-theme="dark"] code { background-color: #0f172a !important; color: #e2e8f0 !important; }