/* =====================================================================
   THEME ALT — "NEON DANCE PARTY"
   Overrides styles.css. Gold logo stays PRIMARY; electric magenta + cyan
   + purple bring the party, on a deep purple base. Bold & vibrant.
   Loaded only by alt.html so the live site's palette is untouched.
   ===================================================================== */

:root{
  /* deep purple base instead of near-black */
  --ink:        #140820;
  --ink-soft:   #1a0b2b;
  --panel:      #1f1030;
  --panel-2:    #281542;
  --panel-3:    #351d54;
  --line:       rgba(255,93,170,.32);   /* magenta hairlines */
  --line-soft:  rgba(243,236,221,.10);

  /* gold unchanged — still primary (logo, headings, kickers) */
  --gold:       #c4922f;
  --gold-2:     #e7c061;
  --gold-3:     #f4d98a;

  /* the "ember" energy slot becomes hot magenta → purple */
  --ember:      #ff2d78;
  --ember-2:    #ff5fa2;
  --grad-ember: linear-gradient(135deg,#ff9d3d 0%,#ff2d78 42%,#9b5cff 100%);

  /* extra neon accents used by the overrides below */
  --neon-magenta:#ff3b86;
  --neon-cyan:   #27e0ff;
  --neon-purple: #9b5cff;
}

body{ background:var(--ink); }
::selection{ background:var(--neon-magenta); color:#fff; }

/* vibrant ambient light blooms washing across the whole page */
body::after{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(48% 40% at 10% 6%,  rgba(255,59,134,.20), transparent 60%),
    radial-gradient(46% 40% at 92% 20%, rgba(39,224,255,.17), transparent 60%),
    radial-gradient(52% 46% at 72% 96%, rgba(155,92,255,.20), transparent 62%);
}

/* HERO — neon stage-light wash */
.hero__media::after{
  background:
    linear-gradient(180deg, rgba(20,8,32,.5) 0%, rgba(20,8,32,.12) 33%, rgba(20,8,32,.72) 80%, var(--ink) 100%),
    radial-gradient(120% 82% at 8% 92%,  rgba(255,45,120,.52), transparent 56%),
    radial-gradient(105% 80% at 92% 12%, rgba(39,224,255,.42), transparent 54%),
    radial-gradient(95% 72% at 62% 46%,  rgba(155,92,255,.32), transparent 60%);
}
/* light the "Party." script up in neon (override only the gradient image so
   the text-clip inherited from .txt-grad keeps working) */
.hero__tagline .script{ background-image:linear-gradient(115deg,#ff3b86 0%,#ff5fa2 42%,#27e0ff 100%); }

/* NEON MARQUEE (was solid gold) */
.marquee--gold{ background:linear-gradient(90deg,#ff2d78 0%,#9b5cff 52%,#27e0ff 100%); border-color:transparent; }
.marquee--gold .marquee__item{ color:#fff; }
.marquee--gold .marquee__item .star{ color:#fff; opacity:.9; }

/* icon chips + booking icons — neon duo-tone */
.feature__ico,
.flip__back .feature__ico,
.book__point .ico{
  background:linear-gradient(160deg, rgba(255,45,120,.36), rgba(39,224,255,.28));
  border-color:rgba(255,93,170,.5);
  color:#ff8ac4;
}

/* glow accents on cards */
.feature::after{ background:radial-gradient(120% 80% at 20% 0%, rgba(255,59,134,.18), transparent 60%); }
.flip__back::after{ background:radial-gradient(120% 70% at 20% 0%, rgba(39,224,255,.16), transparent 60%); }
.flip:hover .flip__face{ border-color:var(--neon-magenta); }

/* gold buttons get a lit magenta glow */
.btn--gold{ box-shadow:0 0 0 1px rgba(231,192,97,.4), 0 16px 46px -14px rgba(255,45,120,.6); }
.btn--gold:hover{ box-shadow:0 0 0 1px rgba(231,192,97,.6), 0 24px 64px -14px rgba(255,45,120,.78); }
.btn--ghost:hover{ border-color:var(--neon-cyan); color:var(--neon-cyan); }

/* stat numbers go full neon */
.stat .num{ background:linear-gradient(120deg,#ff5fa2,#27e0ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat .num small{ -webkit-text-fill-color:var(--bone); color:var(--bone); }
.stat{ border-color:var(--line); }

/* tour rows pop */
.tour-row.is-feat{ background:linear-gradient(90deg, rgba(255,45,120,.16), transparent); }
.tour-row:hover{ background:linear-gradient(90deg, rgba(39,224,255,.10), transparent); }
.s-presale{ color:#ff8ac4; } .s-presale .dot{ background:var(--neon-magenta); box-shadow:0 0 10px var(--neon-magenta); }

/* merch: hot-pink swatch + neon hot tag already via --grad-ember */
.product__img.bg-ember{ background:radial-gradient(120% 100% at 50% 0,#ff2d78,#5a1030); }
.product:hover{ border-color:var(--neon-magenta); }

/* nav + misc */
.nav.is-stuck{ background:rgba(20,8,32,.84); }
.kicker{ color:var(--gold-2); }
.pill .dot{ background:var(--neon-cyan); box-shadow:0 0 10px var(--neon-cyan); }

/* floating "color option" badge */
.theme-badge{
  position:fixed; left:50%; bottom:22px; transform:translateX(-50%); z-index:80;
  display:flex; align-items:center; gap:12px; padding:10px 16px; border-radius:999px;
  background:rgba(20,8,32,.86); backdrop-filter:blur(10px); border:1px solid var(--line);
  font-family:var(--f-cond); text-transform:uppercase; letter-spacing:.14em; font-size:.72rem; color:var(--bone-2);
  box-shadow:0 0 0 1px rgba(255,59,134,.18), 0 18px 44px -18px rgba(255,45,120,.5);
}
.theme-badge .sw{ display:inline-flex; gap:5px; }
.theme-badge .sw i{ width:13px; height:13px; border-radius:999px; display:block; }
.theme-badge .sw .g{ background:var(--grad-gold); }
.theme-badge .sw .m{ background:linear-gradient(135deg,#ff5fa2,#ff2d78); }
.theme-badge .sw .c{ background:linear-gradient(135deg,#5eeaff,#27e0ff); }
.theme-badge a{ color:var(--neon-cyan); }
@media (max-width:620px){ .theme-badge{ font-size:.64rem; padding:8px 12px; } }