/* CloviForms Dark Mode Overrides — generated 2026-06-18 */
/* Brand: #6366F1 | BrandLight: #818cf8 | BrandDark: #4338ca */

[data-theme="dark"] {
  --bg: #0a0f1e;
  --surface: #111827;
  --surface2: #1e2538;
  --border: rgba(99,102,241,0.22);
  --border-subtle: rgba(255,255,255,0.1);
  --text: #f1f5f9;
  --muted: #94a3b8;
  --accent: #818cf8;
  --accent2: #22d3ee;
  --accent-hover: #6366F1;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg: 0 12px 48px rgba(99,102,241,0.22);
}

[data-theme="dark"] body {
  background: #0a0f1e;
  color: #f1f5f9;
}

/* Nav / Header */
[data-theme="dark"] nav {
  background: rgba(10,15,30,0.96);
  border-bottom-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .nav-logo { color: #f1f5f9; }
[data-theme="dark"] .nav-links a { color: #94a3b8; }
[data-theme="dark"] .nav-links a:hover { color: #818cf8; }
[data-theme="dark"] .btn-ghost { color: #f1f5f9; }
[data-theme="dark"] .btn-ghost:hover { background: #1e2538; }

/* Backgrounds */
[data-theme="dark"] .bg-white,
[data-theme="dark"] [class*="bg-white"] { background: #111827 !important; }
[data-theme="dark"] .bg-slate-50,
[data-theme="dark"] [class*="bg-slate-50"] { background: #111827 !important; }
[data-theme="dark"] .bg-slate-100,
[data-theme="dark"] [class*="bg-slate-100"] { background: #1e2538 !important; }
[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] [class*="bg-gray-50"] { background: #111827 !important; }
[data-theme="dark"] .bg-gray-100,
[data-theme="dark"] [class*="bg-gray-100"] { background: #1e2538 !important; }

/* Text */
[data-theme="dark"] .text-slate-400,
[data-theme="dark"] [class*="text-slate-400"] { color: #94a3b8 !important; }
[data-theme="dark"] .text-slate-500,
[data-theme="dark"] [class*="text-slate-500"] { color: #94a3b8 !important; }
[data-theme="dark"] .text-slate-600,
[data-theme="dark"] [class*="text-slate-600"] { color: #cbd5e1 !important; }
[data-theme="dark"] .text-gray-400 { color: #94a3b8 !important; }
[data-theme="dark"] .text-gray-500 { color: #94a3b8 !important; }
[data-theme="dark"] .text-gray-600 { color: #cbd5e1 !important; }

/* Hero */
[data-theme="dark"] .hero {
  background: radial-gradient(ellipse 1000px 600px at 50% -50px, rgba(99,102,241,0.12) 0%, transparent 70%);
}
[data-theme="dark"] .hero-preview { background: #111827; border-color: rgba(99,102,241,0.25); }
[data-theme="dark"] .preview-topbar { background: #1e2538; border-bottom-color: rgba(255,255,255,0.08); }
[data-theme="dark"] .preview-browser-bar { background: #1e2538; }

/* Cards */
[data-theme="dark"] .feature-card,
[data-theme="dark"] .card,
[data-theme="dark"] [class*="card"] {
  background: #111827;
  border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .feature-icon { background: #1e2538; }

/* Sections */
[data-theme="dark"] .section-alt,
[data-theme="dark"] section.alt,
[data-theme="dark"] .features-grid-section { background: #0d1424; }

/* Pricing cards */
[data-theme="dark"] .plan-card {
  background: #111827;
  border-color: rgba(255,255,255,0.1);
}
[data-theme="dark"] .plan-card.featured {
  background: #1e2538;
  border-color: rgba(129,140,248,0.4);
}
[data-theme="dark"] .plan-name { color: #f1f5f9; }
[data-theme="dark"] .plan-price { color: #f1f5f9; }
[data-theme="dark"] .plan-desc { color: #94a3b8; }
[data-theme="dark"] .plan-features li { color: #cbd5e1; }
[data-theme="dark"] .plan-features li .check { color: #818cf8; }

/* FAQ */
[data-theme="dark"] details {
  background: #111827;
  border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] summary { color: #f1f5f9; }
[data-theme="dark"] details p,
[data-theme="dark"] details div { color: #cbd5e1; }

/* Footer */
[data-theme="dark"] footer {
  background: #060b18;
  border-top-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] footer a { color: #94a3b8; }
[data-theme="dark"] footer a:hover { color: #818cf8; }
[data-theme="dark"] .footer-logo { color: #f1f5f9; }
[data-theme="dark"] .footer-copy { color: #64748b; }

/* Inputs / Forms */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1e2538;
  color: #f1f5f9;
  border-color: rgba(255,255,255,0.12);
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color: #64748b; }

/* Tables */
[data-theme="dark"] table { background: #111827; }
[data-theme="dark"] th { background: #1e2538; color: #f1f5f9; border-color: rgba(255,255,255,0.08); }
[data-theme="dark"] td { color: #cbd5e1; border-color: rgba(255,255,255,0.06); }
[data-theme="dark"] tr:hover td { background: #1e2538; }

/* Badges / Tags */
[data-theme="dark"] .badge,
[data-theme="dark"] .tag,
[data-theme="dark"] .hero-badge {
  background: #1e2538;
  border-color: rgba(129,140,248,0.3);
  color: #818cf8;
}

/* Dividers */
[data-theme="dark"] hr { border-color: rgba(255,255,255,0.08); }

/* Modals / Overlays */
[data-theme="dark"] .modal,
[data-theme="dark"] .overlay { background: #111827; border-color: rgba(255,255,255,0.1); }

/* Dark theme toggle button */
[data-theme="dark"] .theme-toggle { color: #94a3b8; }

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; background: #0a0f1e; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #1e2538; border-radius: 4px; }

/* Logo swap for dark mode */
[data-theme="dark"] #nav-logo-img {
  content: url('/images/cloviforms-logo-dark.png');
}