/* --------- Typo globale --------- */

/* Texte un peu plus grand et plus aéré partout */
body {
  font-size: 16px;
  line-height: 1.7;
}

@media (min-width: 768px) {
  body {
    font-size: 17px;
  }
}

/* Dans le contenu principal, on évite que text-sm soit trop petit */
main .text-sm {
  font-size: 0.95rem; /* un peu plus petit que le texte normal, mais lisible */
}

/* Les toutes petites notes restent petites mais un peu plus confortables */
main .text-xs {
  font-size: 0.8rem;
}

/* --------- Cartes ("cases") plus confortables --------- */

/* Toutes les grosses cartes avec coins très arrondis */
.bg-white.rounded-2xl.shadow,
.bg-blue-50.rounded-2xl,
.bg-slate-50.rounded-2xl,
.bg-orange-50.rounded-2xl {
  padding: 1.75rem; /* plus que p-4 (1rem) / p-5 (1.25rem) */
}

/* Petites cartes type FAQ: un peu plus d'air aussi */
.bg-white.rounded-xl.shadow {
  padding: 1.25rem;
}

/* Optionnel : petits paragraphes dans les cartes légèrement espacés */
main .bg-white.rounded-2xl.shadow p,
main .bg-blue-50.rounded-2xl p,
main .bg-slate-50.rounded-2xl p,
main .bg-orange-50.rounded-2xl p {
  margin-bottom: 0.6rem;
}

/* --------- Sections un peu plus espacées (sans tout casser) --------- */

/* On ajoute juste un peu plus d'espace sous chaque grande section de contenu */
main > section {
  scroll-margin-top: 6rem; /* pour l'ancre quand on clique dans le menu */
}

/* --------- Détails esthétiques légers --------- */

/* Hero : on garde un peu plus d'espace en bas sur mobile */
section.grid.gap-8.md\:grid-cols-2.items-center.mb-16 {
  margin-bottom: 4.5rem;
}

/* Pied de page : texte un poil plus lisible */
footer.text-\[11px\] {
  font-size: 0.75rem;
}