body.dark-mode {
  --white: #0f172a;
  --gray-50: #111c31;
  --gray-100: #1e293b;
  --gray-200: #334155;
  --gray-500: #cbd5e1;
  --gray-700: #e2e8f0;
  --gray-900: #f8fafc;
  --shadow: 0 18px 55px rgba(0, 0, 0, .28);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, .2);
}
body.dark-mode .site-header,
body.dark-mode .mobile-drawer,
body.dark-mode .card,
body.dark-mode .field input,
body.dark-mode .field select,
body.dark-mode .field textarea,
body.dark-mode .icon-btn,
body.dark-mode .newsletter input,
body.dark-mode .btn-ghost {
  background: #111c31;
}
body.dark-mode .hero {
  background-image:
    linear-gradient(95deg, rgba(15,23,42,.98) 0%, rgba(15,23,42,.94) 47%, rgba(15,23,42,.65) 64%, rgba(15,23,42,.08) 100%),
    url("../images/banner-estivo.png");
}
body.dark-mode .hero p,
body.dark-mode .section-lead,
body.dark-mode .muted,
body.dark-mode .property-meta,
body.dark-mode .faq-answer {
  color: #cbd5e1;
}
body.dark-mode .site-header { border-color: rgba(51, 65, 85, .85); }
body.dark-mode .logo-normal { filter: drop-shadow(0 8px 20px rgba(0,0,0,.2)); }
body.dark-mode .footer-logo { background: rgba(255, 255, 255, .94); }