/* ================================
   🌙 DARK MODE VH PRO
=================================== */
body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}

/* Titres */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4 {
  color: #ffffff;
}

/* Liens */
body.dark-mode a {
  color: var(--clr-blue);
}
body.dark-mode a:hover {
  color: #5ec1f0;
}

/* ================================
   🎛️ BOUTONS
=================================== */
body.dark-mode .btn-custom-blue {
  background-color: #0c658a;
}
body.dark-mode .btn-custom-green {
  background-color: #1f6f3f;
}
body.dark-mode .btn-custom-orange {
  background-color: #cc6510;
}
body.dark-mode .btn-custom-red {
  background-color: #9b1f2c;
}

body.dark-mode .btn {
  color: #fff;
  border: none;
}

/* ================================
   📑 SIDEBAR
=================================== */
body.dark-mode .sidebar {
  background-color: #1e1e1e;
  border-right: 1px solid #333;
}

body.dark-mode .sidebar-link {
  color: #bbb;
}
body.dark-mode .sidebar-link:hover,
body.dark-mode .sidebar-link.active {
  background-color: #2a2a2a;
  color: var(--clr-blue);
}

/* ================================
   📱 NAVIGATION MOBILE
=================================== */
body.dark-mode .bottom-nav {
  background-color: #1e1e1e;
  border-top: 1px solid #333;
}

body.dark-mode .bottom-nav .nav-link {
  color: #bbb;
}
body.dark-mode .bottom-nav .nav-link.active {
  color: var(--clr-blue);
}
body.dark-mode .bottom-nav .icon-wrapper {
  background-color: #2a2a2a;
}

/* ================================
   📦 TOASTS & ALERTES
=================================== */
body.dark-mode .toast {
  background-color: #333 !important;
  color: #fff !important;
}

body.dark-mode .alert {
  background-color: #2c2c2c;
  color: #ddd;
  border: 1px solid #444;
}