@import "tailwindcss";

/* Base layer customization with Tailwind CSS classes - applies to elements like p, a, img */
@layer base {
  a {
    @apply text-pink-500;
  }
}

/* Components layer - Specify rules for components like btn, card, badge, etc. */
@layer components {
  .btn {
    @apply inline-block rounded p-2 bg-gray-300 hover:bg-gray-900 hover:text-white transition;
  }
}