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

/* Custom styles if needed */
body {
  @apply bg-gray-100 text-gray-800; /* Base background/text for compilation, actual body class is in index.php */
  scroll-behavior: smooth;
}

.menu-item-active {
  @apply bg-brand-purple-dark text-white;
}

.content-section {
  min-height: 80vh; /* Ensure sections are tall enough for scroll spy */
  @apply py-16 px-4 sm:px-6 lg:px-8 opacity-0 transform translate-y-5 transition-all duration-700 ease-out;
}

.content-section.is-visible {
  @apply opacity-100 translate-y-0;
}

/* Fancy gradient border for menu (example) */
.menu-fancy-border {
  @apply p-1 bg-gradient-to-br from-brand-purple via-brand-purple-light to-brand-purple-dark rounded-lg;
}
.menu-item-fancy-border {
   @apply mb-1 p-0.5 bg-gradient-to-r from-transparent via-brand-purple-light to-transparent hover:from-brand-purple-light hover:to-brand-purple-light;
}