@config "./tailwind.config.js";
@import "tailwindcss";

/* Custom Utility Classes */
.glass-effect {
  @apply bg-white/95 backdrop-blur-md;
}

.nav-scrolled {
  @apply bg-brand-navy/98 backdrop-blur-xl shadow-xl;
}

.text-gradient-gold {
  @apply bg-gradient-to-r from-brand-gold to-yellow-400 bg-clip-text text-transparent;
}

/* Scroll-based logo changes (controlled via JS classes) */
#main-nav.nav-scrolled #logo-box {
  @apply bg-brand-gold text-brand-navy;
}

#main-nav:not(.nav-scrolled) #logo-box {
  @apply bg-white text-brand-navy;
}

#main-nav.nav-scrolled #logo-text-1,
#main-nav.nav-scrolled #logo-text-2 {
  @apply text-white;
}

#main-nav.nav-scrolled #logo-text-2 {
  @apply text-brand-gold;
}

/* Top bar hide animation */
#top-bar {
  transition: all 0.4s ease;
}
#top-bar.h-0 {
  @apply h-0 py-0 opacity-0 overflow-hidden;
}


/*custom */