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

/* 
  Configuration des couleurs personnalisées
  Note: Dans une configuration Tailwind standard (tailwind.config.js),
  ces couleurs seraient définies dans theme.extend.colors.
  
  Pour ce fichier CSS, nous utilisons les directives standard.
  La configuration effective pour le mode CDN sera dans index.html.
*/

@layer base {
  body {
    @apply bg-white text-gray-800 antialiased;
  }
  
  h1, h2, h3 {
    @apply font-serif;
  }
}

@layer components {
  .btn-primary {
    @apply px-6 py-2 rounded-full transition-colors duration-300;
    /* Usage of theme colors via @apply would require config awareness during build */
  }
}