/* Modification de la largeur de la barre latérale gauche */
:root {
  /* La valeur par défaut de Material est souvent 12.2rem (environ 244px) */
  /* Descends cette valeur pour réduire la colonne (ex: 10rem ou 200px) */
  --md-sidebar-width: 10rem; 
}

/* Optionnel : Si tu veux aussi élargir la zone de contenu principal pour utiliser l'espace gagné */
.md-grid {
  max-width: 80rem; /* Par défaut c'est 61rem ou 76rem, augmente pour un site plus large */
}

/* Simple: inverser toutes les images du contenu quand le thème est sombre
   - Cible `.md-main img` pour ne pas toucher aux icônes/ressources globales
   - Fonctionne pour le toggle Material (`data-md-color-scheme`) et
     pour les préférences système (`prefers-color-scheme`). */

@media (prefers-color-scheme: dark) {
  .md-main img {
    filter: invert(1) hue-rotate(180deg) saturate(0.95);
    background-color: transparent;
  }
}

body[data-md-color-scheme="slate"] .md-main img,
body[data-md-color-scheme="dark"] .md-main img,
html[data-md-color-scheme="slate"] .md-main img,
html[data-md-color-scheme="dark"] .md-main img {
  filter: invert(1) hue-rotate(180deg) saturate(0.95);
  background-color: transparent;
}