/* Promotions Page Styles - minimal, leveraging base.css */

.hero-promotions {
  padding: var(--space-16) 0 var(--space-12);
  background:
    radial-gradient(1200px 400px at 90% -10%, rgba(255, 215, 0, 0.15), transparent 60%),
    radial-gradient(800px 300px at -10% 10%, rgba(220, 20, 60, 0.15), transparent 60%),
    linear-gradient(180deg, var(--color-navy) 0%, var(--color-navy-light) 100%);
  border-bottom: 1px solid var(--color-gray-700);
}

.eyebrow {
  font-family: var(--font-accent);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-gold);
  opacity: 0.9;
  margin-bottom: var(--space-2);
}

.hero-promotions h1 {
  margin-bottom: var(--space-2);
}

.hero-subtitle {
  color: var(--color-text);
  opacity: 0.95;
  margin-bottom: var(--space-6);
}

.promo-list {
  margin-top: var(--space-2);
}

.promo-list li {
  margin-bottom: var(--space-2);
}

.promo-legal {
  font-size: var(--font-size-sm);
}

/* CTA strip refinement */
.cta-strip {
  border-top: 1px solid var(--color-gray-700);
}

/* Subtle entrance animation hook (JS will add .animate-fade-in-up) */
.promo-card {
  will-change: transform, opacity;
}