:root {
  /* Couleurs principales */
  --color-primary: #2F80ED;     /* Couleur dominante (bleu) */
  --color-secondary: #56CCF2;   /* Couleur secondaire (bleu clair / cyan) */
  --color-bg: #F9FAFC;          /* Couleur de fond générale */
  --color-text: #333333;        /* Couleur du texte principal */
  --color-white: #ffffff;

  /* Couleurs pour hover / interactions */
  --color-hover-bg: #E0F2FE;    
  --color-hover-text: #2F80ED;

  /* Couleurs pour header & footer */
  --color-header-bg: #ffffff;
  --color-footer-bg: #ffffff;
  --color-border: #E5E7EB;     

  /* Dimensions & espacements */
  --spacing-section: 40px;
  --spacing-inner: 20px;
  --border-radius: 6px;

  /* Typographie */
  --font-family-base: 'Montserrat', Arial, sans-serif;
  --font-size-base: 16px;
  --font-size-title: 1.5rem;  
  --font-size-subtitle: 1.25rem;  
  --line-height-base: 1.6;
}

/* ----------------------------------
   6) Conteneur principal (main)
------------------------------------- */
main {
  max-width: 72rem;
  width: 100%;
  flex-direction: row;
  margin: 0 auto;
  padding: 1.6rem 2rem;
}

.main section {
  background: var(--color-white);
  border-radius: var(--border-radius);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  margin-bottom: var(--spacing-section);
  padding: var(--spacing-inner);
}

/* Titre de section */
.main section h2 {
  font-size: var(--font-size-subtitle);
  margin-bottom: 12px;
  color: var(--color-primary);
  border-left: 4px solid var(--color-secondary);
  padding-left: 8px;
}

/* Paragraphes & listes */
.main section p {
  margin-bottom: 12px;
  line-height: 1.5;
}

.main section ul {
  list-style: disc inside;
  margin-left: 16px;
  margin-bottom: 12px;
}

.main section ul li {
  margin-bottom: 8px;
}