/* ==========================================================================
   ZOONARANJA — Ajustes finos de Modo Oscuro
   (La mayoría de colores ya cambian vía variables en 01-variables.css;
   aquí solo overrides puntuales que no funcionan bien solo con tokens)
   ========================================================================== */

[data-theme="dark"] body { background: var(--off-white); color: var(--ink-800); }

[data-theme="dark"] #site-header.scrolled {
  background: rgba(14,26,34,0.7);
}

[data-theme="dark"] .mobile-menu {
  background: var(--white);
  border-color: rgba(255,255,255,0.1);
}

[data-theme="dark"] .mobile-menu a {
  background: var(--ink-100);
}

[data-theme="dark"] .service-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .location-card,
[data-theme="dark"] .membership-card,
[data-theme="dark"] .adopt-card,
[data-theme="dark"] .calc-widget,
[data-theme="dark"] .booking-panel,
[data-theme="dark"] .location-list-item,
[data-theme="dark"] #ai-chatbot-window {
  background: var(--ink-100);
  border-color: var(--ink-200);
}

[data-theme="dark"] .form-control {
  background: var(--ink-100);
  border-color: var(--ink-300);
  color: var(--ink-800);
}

[data-theme="dark"] .service-icon,
[data-theme="dark"] .team-social a { color: #fff; }

[data-theme="dark"] .gallery-filter-btn,
[data-theme="dark"] .location-tab-btn,
[data-theme="dark"] .tool-tab-btn,
[data-theme="dark"] .badge:not(.badge-live) {
  background: var(--ink-200);
  color: var(--ink-700);
}

[data-theme="dark"] .chat-msg.bot { background: var(--ink-200); color: var(--ink-800); }

[data-theme="dark"] #whatsapp-widget .wa-tag { background: var(--ink-100); color: var(--ink-800); }

[data-theme="dark"] .peru-map-wrap { background: var(--ink-200); }
[data-theme="dark"] .peru-map-wrap .map-country { fill: var(--ink-300); stroke: var(--ink-100); }

[data-theme="dark"] .footer-newsletter input { background: var(--ink-800); border-color: var(--ink-600); }

[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--ink-100); }

/* Mantener el hero, stats y CTA bandas con overlays oscuros consistentes en dark mode */
[data-theme="dark"] #stats,
[data-theme="dark"] #booking,
[data-theme="dark"] #ai-assistant-promo,
[data-theme="dark"] #site-footer {
  color: #fff;
}