/*
 * CloviPDF Dark Mode CSS
 * Platform: clovipdf | Brand: #F59E0B | Theme: light (dark mode overrides)
 * Generated: 2026-06-18
 */

/* ── Light mode: white body (LIGHT theme default) ── */
body {
  background: #ffffff;
  color: #1e293b;
}

/* ── Dark mode overrides ── */
[data-theme="dark"] body {
  background: #0a0f1e;
  color: #f1f5f9;
}

/* Backgrounds */
[data-theme="dark"] .bg-white { background-color: #1e293b !important; }
[data-theme="dark"] .bg-slate-50 { background-color: #1e293b !important; }
[data-theme="dark"] .bg-slate-100 { background-color: #0f172a !important; }
[data-theme="dark"] .bg-gray-50 { background-color: #1e293b !important; }
[data-theme="dark"] .bg-gray-100 { background-color: #0f172a !important; }

/* The site already uses dark backgrounds (gray-950/gray-900) — keep them in dark mode */
[data-theme="dark"] .bg-gray-950 { background-color: #03060f !important; }
[data-theme="dark"] .bg-gray-900 { background-color: #0a0f1e !important; }

/* Text */
[data-theme="dark"] .text-gray-900 { color: #f1f5f9 !important; }
[data-theme="dark"] .text-gray-800 { color: #e2e8f0 !important; }
[data-theme="dark"] .text-gray-700 { color: #cbd5e1 !important; }
[data-theme="dark"] .text-gray-600 { color: #94a3b8 !important; }
[data-theme="dark"] .text-slate-400 { color: #94a3b8 !important; }
[data-theme="dark"] .text-slate-600 { color: #94a3b8 !important; }

/* Nav/header dark */
[data-theme="dark"] header,
[data-theme="dark"] #nav {
  background: rgba(10, 15, 30, 0.92) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

/* Pricing cards */
[data-theme="dark"] .pricing-card,
[data-theme="dark"] [class*="pricing"] {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.12);
}

/* FAQ accordion items */
[data-theme="dark"] details,
[data-theme="dark"] .faq-item {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.1);
}

/* Footer */
[data-theme="dark"] footer {
  background: #03060f !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

/* Cards */
[data-theme="dark"] .tw-card { background: #1e293b; border-color: rgba(255,255,255,0.1); }
[data-theme="dark"] .tw-glass { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.1); }

/* Borders */
[data-theme="dark"] .border-gray-200 { border-color: rgba(255,255,255,0.1) !important; }
[data-theme="dark"] .border-gray-100 { border-color: rgba(255,255,255,0.06) !important; }
[data-theme="dark"] .divide-gray-200 > * + * { border-top-color: rgba(255,255,255,0.1) !important; }

/* Inputs */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1e293b;
  color: #f1f5f9;
  border-color: rgba(255, 255, 255, 0.15);
}

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

/* ── DARK MODE: SPA index page — section heading contrast fix ──
 * .section-label h2 inherits #1a1a2e (slate-900 light text) → nearly invisible on #0a0f1e bg.
 * Force light text in all dark-mode section labels.
 */
[data-theme="dark"] .section-label h2,
[data-theme="dark"] .section-label h3,
[data-theme="dark"] .compare-band h2,
[data-theme="dark"] .compare-band p,
[data-theme="dark"] .pricing-band h2,
[data-theme="dark"] .pricing-band p,
[data-theme="dark"] .faq-band h2,
[data-theme="dark"] .faq-band p {
  color: #f1f5f9;
}

[data-theme="dark"] .compare-band p,
[data-theme="dark"] .pricing-band p,
[data-theme="dark"] .faq-band p {
  color: #94a3b8;
}