:root {
  --primary-color: #40AEBC;
  --secondary-color: #fff;
  --text-color: #2a2a2a;
  --accent-color: #afafaf;
  --background-color: #f5f5f5;
  --pre-header-color: #efefef;
  --button-hover-color: #4da6e7;
  --border-color: #eee;
}

/* Variables spécifiques pour le mode sombre */
body.dark-mode {
  --primary-color: #1db9c3;
  --secondary-color: #1e1e1e;
  --text-color: #e0e0e0;
  --accent-color: #7f8c8d;
  --background-color: #121212;
  --pre-header-color: #2a2a2a;
  --button-hover-color: #3498db;
  --border-color: #333;
}

/* Masquer les images de fond en mode sombre */
body.dark-mode .main-banner:before,
body.dark-mode .main-banner:after,
body.dark-mode .services:before,
body.dark-mode .services:after,
body.dark-mode .our-portfolio:before,
body.dark-mode .our-portfolio:after,
body.dark-mode .privacy-policy:before,
body.dark-mode .privacy-policy:after
{
  background-image: none !important;
}