:root {
  --color-bg: #fff;
  --color-text: #212529;
  --color-title: #212529;
  --color-navbar: #f8f9fa;
  --color-card: #fff;
}

body.light-mode {
  --color-bg: #fff;
  --color-text: #212529;
  --color-title: #212529;
  --color-navbar: #f8f9fa;
  --color-card: #fff;
}

body.dark-mode {
  --color-bg: #212529;
  --color-text: #fff;
  --color-title: #fff;
  --color-navbar: #23272b;
  --color-card: #23272b;
  --bs-secondary-color: #bfc8d0;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* h1, h2, h3, h4, h5, h6 {
  color: var(--color-title);
} */
body.dark-mode h1:not([class*="text-"]),
body.dark-mode h2:not([class*="text-"]),
body.dark-mode h3:not([class*="text-"]),
body.dark-mode h4:not([class*="text-"]),
body.dark-mode h5:not([class*="text-"]),
body.dark-mode h6:not([class*="text-"]) {
  color: var(--color-title);
}

.navbar {
  background-color: var(--color-navbar);
  color: var(--color-text);
}

.card {
  background-color: var(--color-card);
  color: var(--color-text);
}

/* Ajoute d'autres ajustements si besoin */