@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

/* ===== RESPONSIVE ===== */
@layer utilities {
  .grid-cols-auto-fit {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

/* ===== POPUP ANIMATIONS ===== */
@layer utilities {
  .visible {
    visibility: visible;
  }
  .invisible {
    visibility: hidden;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-0 {
    opacity: 0;
  }
}

/* ===== ANIMATIONS ===== */
@layer utilities {
  /* Ajoute ici les keyframes ou utilitaires vraiment nécessaires */
}