@tailwind base;
@tailwind components;
@tailwind utilities;

/* Styles globaux personnalisés */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  @apply text-gray-800;
}

/* Styles pour les liens */
a {
  @apply text-sky-600 hover:text-sky-700 transition-colors;
}

/* Styles pour les titres */
h1, h2, h3, h4, h5, h6 {
  @apply font-bold text-gray-900;
}

h1 { @apply text-4xl md:text-5xl; }
h2 { @apply text-3xl md:text-4xl; }
h3 { @apply text-2xl md:text-3xl; }
h4 { @apply text-xl md:text-2xl; }

/* Styles pour le conteneur principal */
.container {
  @apply mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl;
}

/* Styles pour les boutons */
.btn {
  @apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-sky-600 hover:bg-sky-700 transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-sky-500;
}

/* Styles pour les cartes */
.card {
  @apply bg-white rounded-lg shadow-md overflow-hidden;
}

/* Styles pour les formulaires */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
  @apply mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-sky-500 focus:ring-sky-500 sm:text-sm;
}

/* Styles pour les messages d'erreur */
.error-message {
  @apply mt-1 text-sm text-red-600;
}

/* Styles pour les messages de succès */
.success-message {
  @apply mt-4 p-4 rounded-md bg-green-50 text-green-800;
}

/* Styles pour les messages d'erreur */
.error-message {
  @apply mt-4 p-4 rounded-md bg-red-50 text-red-800;
}

/* Styles pour les icônes */
.icon {
  @apply w-6 h-6 text-gray-500;
}