/* =========================================
   RESET & NORMALISATION (reset.css)
   Objectif : Uniformiser l'affichage entre navigateurs
   ========================================= */

/* 1. Box Model : Inclut padding et bordures dans la largeur totale */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* 2. Racine : Définit la taille de police de base et les variables couleurs */
:root {
  font-size: 16px; /* Base pour les calculs en 'rem' */
  --primary-color: #8bc34a; /* Vert "Local" */
  --primary-dark: #7cb342; /* Vert foncé pour hover */
  --text-color: #333333; /* Gris foncé pour texte */
  --bg-light: #f9f9f9; /* Fond gris très clair */
  --dark-bg: #222222; /* Fond footer/header sombre */
  --white: #ffffff;
  --transition-std: all 0.3s ease; /* Transition standard réutilisable */
}

/* 3. Body : Définit la police et la hauteur par défaut */
body {
  line-height: 1.6; /* Meilleure lisibilité */
  font-family:
    "Open Sans", sans-serif; /* Police par défaut (à importer dans HTML) */
  color: #2c2c2c;
  background-color: #ffffff;
  overflow-x: hidden; /* Évite le scroll horizontal accidentel */
}

/* 4. Images & Médias : Rendus fluides par défaut */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* 5. Liens : Supprime le soulignement par défaut et l'héritage de couleur */
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/* 6. Listes : Supprime les puces par défaut */
ul,
ol {
  list-style: none;
}

/* 7. Titres : Uniformise la taille (à redéfinir dans style.css) */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: inherit;
}

/* 8. Formulaires : Hérite de la police du parent */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* 9. Tableaux : Bordures fusionnées */
table {
  border-collapse: collapse;
  border-spacing: 0;
}