/* === DARK MODE STYLES === */
body.dark-mode {
  background-color: #121212;
  color: #e5e5e5;
  transition: background-color 0.4s ease, color 0.4s ease;
}

/* Headings and text */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode p {
  color: #f0f0f0;
}

/* Navbar */
body.dark-mode header,
body.dark-mode nav {
  background-color: #1e1e1e;
  box-shadow: 0 0 10px rgba(255,255,255,0.05);
}

/* Footer */
body.dark-mode .site-footer {
  background: #181818;
  border-top: 1px solid #333;
}

/* Links */
body.dark-mode a {
  color: #80bfff;
}

/* Buttons */
body.dark-mode .btn {
  background-color: #333;
  color: #fff;
  border: 1px solid #666;
}

/* Cards, sections, and containers */
body.dark-mode .card,
body.dark-mode section {
  background-color: #1a1a1a;
  box-shadow: 0 0 8px rgba(255,255,255,0.05);
}

/* WhatsApp FAB glow in dark mode */
body.dark-mode .whatsapp-fab {
  background: #25D366;
  box-shadow: 0 0 10px rgba(37, 211, 102, 0.7);
}

/* Smooth transition for theme change */
* {
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}