:root {
  /* Couleurs de base */
  --color-bg: #f4f0f0; /* Background */
  --color-footer: #072015; /* Footer */
  --color-text: #171311; /* Textes */
  --color-text-secondary: #4c5b92; /* Texte secondaire */

  /* Couleurs de marque */
  --color-primary: #218c52; /* Couleur principale, CTA, liens */
  --color-primary-dark: #174f3d; /* Sections sombres, footer, hover */
  --color-secondary-1: #c84428; /* Couleur secondaire (alertes/tags rouges) */
  --color-secondary-2: #1baee8; /* Couleur secondaire (tags bleus) */

  /* Teintes pâles (fonds de tags, fill accordéon, cartes claires) */
  --color-tint-green: #dee8e5;
  --color-tint-green-25: #dee8e5; /* même teinte à 25% d'opacité */
  --color-tint-red: #f8e0d8;
  --color-tint-blue: #e9f6fd;

  --color-text-invert: #ffffff;
  --color-border: #e2e2e2;

  /* Typo */
  --font-heading: "Archivo", sans-serif;
  --font-body: "Public Sans", sans-serif;
  --fs-h1: 48px; /* Archivo Bold */
  --fs-h2: 38px; /* Archivo Bold */
  --fs-h3: 28px; /* Archivo Semibold */
  --fs-body: 20px; /* Public Sans Medium */
  --fw-body-bold: 700; /* Public Sans Bold, même taille que le corps */

  /* Layout */
  --container-width: 1200px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --gap-xs: 0.5rem;
  --gap-sm: 1rem;
  --gap-md: 1.5rem;
  --gap-lg: 2.5rem;
  --section-padding-y: 4rem;
  --section-padding-x: 1.5rem;
}