@import "tailwindcss";

/* === Reset et base === */

/* Réinitialise les marges/paddings et applique un fond de page global */
html,
body {
  margin: 0;
  padding: 0;
  height: 100%; /* Permet de fixer une hauteur en % aux éléments enfants */
  /* overflow-x: hidden;  */
  /* Empêche le scroll horizontal si contenu déborde */
  font-family: sans-serif; /* Définit une police de base */
  background-color: #fbf9f7;
}

*,
*::before,
*::after {
  box-sizing: border-box; /* Inclut padding et border dans la taille totale des éléments. Essentiel pour un rendu plus prévisible des dimensions */
}

/* === Structure globale === */

/* Conteneur principal de la page (englobe tout) */
.page-wrapper {
  display: flex; /* Active le modèle flexbox */
  flex-direction: column; /* Empile les enfants verticalement */
  min-height: 100vh; /* Hauteur minimum = hauteur totale de la fenêtre */
}

/* Zone centrale de la page (entre header et footer) */
.page-main {
  flex: 1; /* Prend tout l'espace disponible (grandit autant que possible) */
}