:root {
  /* =================== Couleurs ===================*/
  --primaire: #FFFFFF;
  --primaire-80: rgba(255, 255, 255, 0.8);
  --secondaire: #111827;
  --secondaire-40: rgba(17, 24, 39, 0.4);
  --secondaire-60: rgba(17, 24, 39, 0.6);
  --secondaire-80: rgba(17, 24, 39, 0.8);
  --focale: #B8860B;
  --focale-sombre : #9A7009;

  --gris-clair: #F3F4F6;
  --gris-fonce: #E9EAEB;
  --gris-sombre: #8C8888;
  --gris-sombre-20: rgba(140, 136, 136, 0.2);

  --largeur-container : 1280px;

  /* =================== Espaces ===================*/
  --espace-xs : 0.5rem;
  --espace-sm : 1rem;
  --espace-md : 2rem;
  --espace-lg : 4rem;
  --espace-xl : 6rem;
  
  /* =================== Titres ===================*/
  --titre-h1-mobile : 1.2rem;
  --titre-h1-400-et-desktop :  1.5rem;
}