/* CloviHuman — Dark Mode Overrides */
/* Light theme default: body bg=#ffffff */

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

/* Background overrides */
[data-theme="dark"] .bg-white,
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background-color:#ffffff"],
[data-theme="dark"] [style*="background-color: #ffffff"] {
  background: #1e2436 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .bg-slate-50,
[data-theme="dark"] [style*="background:#f8fafc"],
[data-theme="dark"] [style*="background: #f8fafc"] {
  background: #151c2e !important;
}

[data-theme="dark"] .bg-slate-100,
[data-theme="dark"] [style*="background:#f1f5f9"],
[data-theme="dark"] [style*="background: #f1f5f9"] {
  background: #1a2235 !important;
}

/* Orange/warm bg overrides */
[data-theme="dark"] [style*="background:#FFF7ED"],
[data-theme="dark"] [style*="background: #FFF7ED"],
[data-theme="dark"] [style*="background:#FEF3E2"],
[data-theme="dark"] [style*="background: #FEF3E2"],
[data-theme="dark"] [style*="background:#FFF1DC"],
[data-theme="dark"] [style*="background: #FFF1DC"] {
  background: #0a0f1e !important;
}

/* Root CSS var overrides */
[data-theme="dark"] {
  --navy: #0a0f1e;
  --navy-light: #111827;
  --navy-mid: #151c2e;
  --card-bg: #1e2436;
  --border: rgba(249,115,22,0.25);
  --white: #f1f5f9;
  --muted: #94a3b8;
  --bg: #0a0f1e;
  --text: #f1f5f9;
  --surface: #1e2436;
  --surface2: #252d40;
}

/* Nav */
[data-theme="dark"] nav {
  background: rgba(10, 15, 30, 0.95) !important;
  border-bottom: 1px solid rgba(249,115,22,0.2) !important;
}

/* Muted text on dark bg */
[data-theme="dark"] .text-slate-400,
[data-theme="dark"] [style*="color:#94a3b8"],
[data-theme="dark"] [style*="color: #94a3b8"],
[data-theme="dark"] .text-slate-500,
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#78716c"],
[data-theme="dark"] [style*="color: #78716c"],
[data-theme="dark"] [style*="color:#8888aa"],
[data-theme="dark"] [style*="color: #8888aa"] {
  color: #94a3b8 !important;
}

/* Cards */
[data-theme="dark"] .card,
[data-theme="dark"] [class*="card"],
[data-theme="dark"] .pricing-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .step-card,
[data-theme="dark"] .comparison-card,
[data-theme="dark"] .use-case-card,
[data-theme="dark"] .faq-item {
  background: #1e2436 !important;
  border-color: rgba(249,115,22,0.2) !important;
  color: #f1f5f9 !important;
}

/* Pricing cards */
[data-theme="dark"] .pricing-card {
  background: #1a2235 !important;
}

[data-theme="dark"] .pricing-card.featured,
[data-theme="dark"] .pricing-card.popular {
  background: #1e2a3a !important;
  border-color: #F97316 !important;
}

/* Sections */
[data-theme="dark"] section {
  background: transparent;
}

[data-theme="dark"] .section-alt,
[data-theme="dark"] [class*="bg-orange"],
[data-theme="dark"] [style*="background:rgba(249,115,22"] {
  background: #111827 !important;
}

/* Text headings */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5 {
  color: #f1f5f9 !important;
}

/* Text color overrides for dark dark bg*/
[data-theme="dark"] [style*="color:#1C1917"],
[data-theme="dark"] [style*="color: #1C1917"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#1e293b"],
[data-theme="dark"] [style*="color: #1e293b"] {
  color: #f1f5f9 !important;
}

/* FAQ */
[data-theme="dark"] details,
[data-theme="dark"] details summary {
  background: #1e2436 !important;
  color: #f1f5f9 !important;
  border-color: rgba(249,115,22,0.2) !important;
}

[data-theme="dark"] details[open] {
  background: #1a2235 !important;
}

/* Footer */
[data-theme="dark"] footer,
[data-theme="dark"] .footer {
  background: #060b18 !important;
  color: #94a3b8 !important;
  border-top: 1px solid rgba(249,115,22,0.15) !important;
}

[data-theme="dark"] footer a,
[data-theme="dark"] .footer a {
  color: #94a3b8 !important;
}

[data-theme="dark"] footer a:hover,
[data-theme="dark"] .footer a:hover {
  color: #F97316 !important;
}

/* Forms / inputs */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1e2436 !important;
  color: #f1f5f9 !important;
  border-color: rgba(249,115,22,0.3) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}

/* Tables */
[data-theme="dark"] table {
  background: #1e2436 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] th {
  background: #151c2e !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] td {
  border-color: rgba(255,255,255,0.08) !important;
  color: #cbd5e1 !important;
}

/* Badges */
[data-theme="dark"] .badge,
[data-theme="dark"] [class*="badge"] {
  background: rgba(249,115,22,0.15) !important;
  color: #fb923c !important;
}

/* Borders */
[data-theme="dark"] [style*="border-color:#E7D5C4"],
[data-theme="dark"] [style*="border:1px solid #e"] {
  border-color: rgba(249,115,22,0.2) !important;
}

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #0a0f1e;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #F97316;
}