/* Band-Fans — Custom styles (supplements Tailwind) */

/* Nav links */
.nav-link {
  @apply px-3 py-2 text-sm text-gray-400 hover:text-white rounded-lg hover:bg-gray-800/50 transition-colors;
}
.nav-active {
  @apply text-amber-400;
}
.mobile-nav-link {
  @apply block px-3 py-2.5 text-sm text-gray-300 hover:text-white hover:bg-gray-800/50 rounded-lg transition-colors;
}

/* Section headings */
.section-label {
  @apply text-xs font-semibold text-amber-400 uppercase tracking-widest mb-3;
}
.section-title {
  @apply text-3xl sm:text-4xl font-extrabold text-white;
}
.section-sub {
  @apply text-lg text-gray-400 mt-4 max-w-2xl;
}

/* Feature cards */
.feature-card {
  @apply bg-gray-900 border border-gray-800 rounded-2xl p-6 hover:border-amber-500/30 hover:bg-gray-900/80 transition-all duration-300;
}

/* Step cards */
.step-card {
  @apply relative bg-gray-900/50 border border-gray-800 rounded-2xl p-6;
}

/* Primary button */
.btn-primary {
  @apply inline-flex items-center gap-2 px-6 py-3 bg-amber-500 hover:bg-amber-600 text-black font-bold rounded-xl transition-colors;
}

/* Secondary button */
.btn-secondary {
  @apply inline-flex items-center gap-2 px-6 py-3 bg-gray-800 hover:bg-gray-700 text-white font-semibold rounded-xl border border-gray-700 transition-colors;
}

/* Form inputs */
.form-input {
  @apply w-full bg-gray-900 border border-gray-700 rounded-xl px-4 py-3 text-white placeholder-gray-500 focus:outline-none focus:border-amber-500/60 focus:ring-1 focus:ring-amber-500/30 transition-colors text-sm;
}
.form-label {
  @apply block text-sm font-medium text-gray-300 mb-1.5;
}

/* Amber gradient text */
.gradient-text {
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Glow effect for hero */
.amber-glow {
  box-shadow: 0 0 60px rgba(245, 158, 11, 0.15);
}

/* Smooth scroll target offset for fixed nav */
[id] {
  scroll-margin-top: 80px;
}