/* === DARK MODE === */
body.dark-mode {
  background-color: #000;
  color: #fff;
}
/* =================================================================== A NE PAS TOUCHER ======================================================================================== */
body.dark-mode .site-header {
  background-color: #391140;
}

body.dark-mode .main-nav a {
  color: #fff;
}

body.dark-mode #site-logo {
  content: url('../assets/logos/logo-yellow.svg');
}

/* Dark mode for toggle */
body.dark-mode .theme-toggle {
  background-color: #FFC857; /* orange slider track */
}

body.dark-mode .theme-toggle .toggle-sun {
  color: #000; /* black sun icon */
}

body.dark-mode .theme-toggle .toggle-moon {
  color: #000; /* black moon icon */
}

body.dark-mode .theme-toggle .toggle-slider {
  transform: translateX(36px); /* aligné avec icône lune */
  background-color: #fff;
  border: 1px solid #000;
}

/* Dark mode menu burger */
body.dark-mode .menu-toggle .burger {
  background-color: #FFC857; /* orange */
}

body.dark-mode .mobile-menu {
  background-color: #391140;
}

body.dark-mode .mobile-menu a {
  color: #fff;
}
/* =================================================================== A NE PAS TOUCHER ======================================================================================== */

/* Adjust highlight color for dark mode */
body.dark-mode .highlight {
  background-color: #9F02BE;
}

/* Ensure text contrast is accessible */
body.dark-mode .intro__text p {
  color: #FFFFFF;
}

/* swap keyword color */
body.dark-mode .skill__keywords { color: var(--accent-keywords-dark); 
color: #ffffff;}
/************************************************** project */

body.dark-mode .btn {
  background-color: #FFC857; /* orange */
  color: #000000;
}

body.dark-mode .btn:hover {
  background-color: #e6b84d;
}

/* Highlight project skills in dark mode */
body.dark-mode .project__skills li {
  background-color: #9F02BE; /* Neon pink for dark mode */
  color: #fff;
}

/* Footer dark mode */
body.dark-mode .site-footer {
  background-color: #391140;
  color: #fff;
}

body.dark-mode .footer-button {
  background-color: #FFC857; /* Dark mode CV button */
  color: #000;
}