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

/* Hero Background */
.hero {
  background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.8)), url('/images/hero.jpg');
  background-size: cover;
  background-position: center;
}

/* Optional: Extra styling for consistency */
.btn-accent {
  @apply bg-[#aaff00] hover:bg-[#bbff33] text-black font-bold px-8 py-4 rounded-full transition;
}

.border-accent {
  @apply border-[#aaff00];
}

.text-accent {
  @apply text-[#aaff00];
}