/* Ajoutez vos styles personnalisés ici si nécessaire */
@layer components {
 .btn-brand { @apply bg-primary text-white px-4 py-2 rounded-lg hover:bg-primary-light; }
 .link-nav  { @apply px-3 py-2 rounded hover:bg-primary-light flex items-center gap-2; }
}
@layer base {
  body.dark {
    @apply bg-gray-900 text-gray-200;
  }
  .card.dark {
    @apply bg-gray-800 text-gray-100;
  }
}
.p-2, .text-2xl, .text-xl {
    color: black;
}
h1.text-2xl {
    color: rgb(255, 255, 255);
}