:root {
  /* === Couleurs === */
  --couleur-fond-page: radial-gradient(circle at top, #e0f0ff, #a3cef1); /* Fond de page */
  --couleur-fond: #9fc2e7; /* Fond général clair et doux */
  --couleur-secondaire: #d3e7ff; /* Fond des cartes, sections */
  --couleur-bandeau : #285586;
  --couleur-accent: #4a90e2; /* Bleu moyen vif pour accents et boutons */
  --couleur-texte-principal: #1a3e6e; /* Bleu foncé, bon contraste */
  --couleur-texte-bandeau : #ffffff;
  --couleur-texte-secondaire: #4d7399; /* Bleu gris */
  --couleur-texte-titre: #2b5dab; /* Bleu soutenu pour titres */
  --couleur-bouton: #ffffff; /* Bleu clair bouton */
  --couleur-bouton-fond: #1a73e8; /* Bleu bouton background */
  --couleur-bouton-bordure: #e6e0e0; /* Bordure bouton */
  --couleur-bouton-hover: #ffffff; /* Bleu foncé au survol */
  --couleur-bouton-fond-hover: #0d4a8b;
  --couleur-lien: #3a82f7; /* Bleu vif liens */
  --couleur-lien-hover: #265bb5; /* Bleu foncé liens survol */

  /* === Effets et styles === */
  --ombre-boite: 0 4px 15px rgba(26, 56, 110, 0.2);
  --rayon-bordure: 12px;

  /* === Typographie === */
  --police-principale: 'Inter', sans-serif;
  --police-titre: 'Montserrat', sans-serif;
  --police-monospaced: 'Roboto Mono', monospace;
  --police-accent: 'Poppins', sans-serif;

  /* === Tailles de texte === */
  --taille-texte: 18px;
  --taille-titre-principal: 2rem; /* 32px */
  --taille-titre-secondaire: 1.5rem; /* 24px */
  --taille-texte-bouton: 1.125rem; /* 18px */
  --taille-texte-small: 0.875rem; /* 14px */

  /* === Animations & Transitions === */
  --transition: all 0.3s ease-in-out;
  --animation-hover: transform 0.2s ease-in-out;
}