/* ============================================
   NAIJAPLANET DARK MODE REFINEMENTS
   Extra polish for dark theme surfaces
   ============================================ */

/* ---------- LANDING PAGE DARK REFINEMENTS ---------- */

[data-theme="dark"] .lp-header {
  border-bottom-color: var(--np-border);
}

[data-theme="dark"] .lp-hero-eyebrow {
  background: var(--np-surface-alt);
  border-color: var(--np-border);
}

[data-theme="dark"] .lp-hero-badge {
  background: var(--np-surface-alt);
  border: 1px solid var(--np-border);
}

[data-theme="dark"] .lp-hero-image-slot {
  background: var(--np-surface-alt);
}

[data-theme="dark"] .lp-hero-image-2 {
  border-color: var(--np-bg);
}

[data-theme="dark"] .lp-stats {
  background: var(--np-surface);
}

[data-theme="dark"] .lp-feature {
  background: var(--np-surface);
  border-color: var(--np-border);
}

[data-theme="dark"] .lp-feature:hover {
  background: var(--np-surface-alt);
  border-color: var(--np-primary);
}

[data-theme="dark"] .lp-voice {
  background: var(--np-surface);
  border-color: var(--np-border);
}

[data-theme="dark"] .lp-footer {
  background: var(--np-surface);
}

[data-theme="dark"] .lp-avatar-stack img,
[data-theme="dark"] .lp-avatar-stack .lp-avatar-fallback {
  border-color: var(--np-bg);
}

/* ---------- FORM SURFACES IN DARK MODE ---------- */

[data-theme="dark"] .np-input,
[data-theme="dark"] .np-textarea,
[data-theme="dark"] .np-select {
  background: var(--np-surface-alt);
  border-color: var(--np-border);
  color: var(--np-text);
}

[data-theme="dark"] .np-input:focus,
[data-theme="dark"] .np-textarea:focus,
[data-theme="dark"] .np-select:focus {
  background: var(--np-surface);
  border-color: var(--np-primary-light);
  box-shadow: 0 0 0 3px rgba(31, 169, 114, 0.15);
}

[data-theme="dark"] .np-btn-secondary {
  background: var(--np-surface-alt);
  border-color: var(--np-border-strong);
  color: var(--np-text);
}

[data-theme="dark"] .np-btn-secondary:hover {
  background: var(--np-surface-hover);
  border-color: var(--np-text-muted);
}

[data-theme="dark"] .np-card {
  background: var(--np-surface);
  border-color: var(--np-border);
}

[data-theme="dark"] .np-chip {
  background: var(--np-surface-alt);
  color: var(--np-text-secondary);
}

[data-theme="dark"] .np-chip-primary {
  color: var(--np-primary-light);
  background: rgba(31, 169, 114, 0.15);
}

[data-theme="dark"] .np-chip-accent {
  color: #FFA277;
  background: rgba(255, 107, 44, 0.15);
}

[data-theme="dark"] .np-chip-gold {
  color: #FDD764;
  background: rgba(245, 184, 0, 0.15);
}

/* ---------- TOASTS IN DARK MODE ---------- */

[data-theme="dark"] .np-toast {
  background: var(--np-surface-alt);
  border-color: var(--np-border);
}

/* ---------- SCROLLBAR IN DARK MODE ---------- */

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--np-border-strong);
  border-color: var(--np-bg);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: var(--np-text-muted);
}

/* ---------- SELECTION IN DARK MODE ---------- */

[data-theme="dark"] ::selection {
  background: var(--np-primary-light);
  color: var(--np-secondary);
}

/* ---------- IMAGES IN DARK MODE (subtle desaturation guard) ---------- */

[data-theme="dark"] img.np-adaptive-img {
  filter: brightness(0.92);
}

/* ---------- BACKDROP BLUR GUARD FOR DARK ---------- */

[data-theme="dark"] .lp-drawer-backdrop {
  background: rgba(0, 0, 0, 0.65);
}

/* ---------- FOCUS RINGS IN DARK MODE ---------- */

[data-theme="dark"] .np-btn:focus-visible {
  outline-color: var(--np-primary-light);
}

/* ---------- LP-CTA IN DARK MODE ---------- */

[data-theme="dark"] .lp-cta-box {
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7);
}

/* ---------- COLOR-SCHEME META (for form controls) ---------- */

:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }