/* 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;
}

/* ── CONTRAST FIXES (axe-core WCAG 2 AA) ── */

/* Trust bar: white bg → dark surface so .trust-label (#94a3b8) passes */
[data-theme="dark"] #trust {
  background: #1e2436 !important;
  border-color: rgba(249,115,22,0.15) !important;
}

/* Footer suite / copy / links: hardcoded light grays on dark footer bg */
[data-theme="dark"] .footer-suite,
[data-theme="dark"] .footer-suite strong {
  color: #94a3b8 !important;
}

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

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

/* Inline color:#334155 (dark slate) hardcoded in pricing/footer paragraphs */
[data-theme="dark"] [style*="color:#334155"],
[data-theme="dark"] [style*="color: #334155"] {
  color: #cbd5e1 !important;
}

/* Accessibility widget / panel: inline span labels (#78716C → #94a3b8) */
[data-theme="dark"] #a11y-panel span[style*="color:#78716C"],
[data-theme="dark"] #a11y-panel span[style*="color: #78716C"],
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="color:#78716C"],
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="color: #78716C"],
[data-theme="dark"] div[aria-label="Accessibility widget"] span[style*="color:#78716C"],
[data-theme="dark"] div[aria-label="Accessibility widget"] span[style*="color: #78716C"] {
  color: #94a3b8 !important;
}

/* A11y panel section labels (#4b5563 → #94a3b8) */
[data-theme="dark"] div[aria-label="Accessibility panel"] p[style*="color:#4b5563"],
[data-theme="dark"] div[aria-label="Accessibility panel"] p[style*="color: #4b5563"],
[data-theme="dark"] div[aria-label="Accessibility widget"] p[style*="color:#4b5563"],
[data-theme="dark"] div[aria-label="Accessibility widget"] p[style*="color: #4b5563"] {
  color: #94a3b8 !important;
}

/* PRO badge in a11y panel: amber on dark bg → dark amber bg + bright text */
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="background:#FFF1DC"],
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="background: #FFF1DC"] {
  background: rgba(234,88,12,0.25) !important;
  color: #fb923c !important;
}

/* Unlock all CloviAccess span (#92400E amber on dark bg) */
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="color:#92400E"],
[data-theme="dark"] div[aria-label="Accessibility panel"] span[style*="color: #92400E"] {
  color: #fb923c !important;
}

/* Trust bar items (#64748b slate-500 on dark card bg #1e2436 → boost to #94a3b8) */
[data-theme="dark"] #trust .trust-item {
  color: #94a3b8 !important;
}

[data-theme="dark"] #trust .trust-divider {
  color: #64748b !important;
}