/* Site theme from the "Positive Vibes / Dance Music" logo card: royal-blue gradient backgrounds, neon-yellow glow.
   Loaded after site.css and home.css / book.css, so it overrides their colors. */
:root{
  --logo-hi:#2563EB; --logo-mid:#1F3FBF; --logo-lo:#1B1766;
  --logo-bg:linear-gradient(225deg,var(--logo-hi) 0%,var(--logo-mid) 50%,var(--logo-lo) 100%);
  --sky:#7C9BF0; --sky-2:#B9CBFA; --sky-lo:#1F3FBF;
  --navy:#16175E; --navy-2:#3A43A0; --navy-3:#1E2A9A; --pale:#C7D3FA;
  --gold:#FFE27A;
  --violet:#1F3FBF; --violet-2:#1B1766; --lilac:#D6E0FF;
  --night:#1B1766; --black:#14124F; --neon:#FFE27A;
  --mist:#D6E0FF; --dim:#AAB8F0; --line:#2E3A9A; --edge:#3A48B0; --field:#141560; --panel:#1A1C70;
}
body,body::before{background:var(--logo-lo)}

/* every section gets the logo card's diagonal gradient */
.hero,.shows,.band,.setlist,.watch,.photos,.room,.wall,.finale,.bk-hero,#promo,#fit{background:var(--logo-bg)}
.hero-photo img{background:var(--logo-mid)}
.lede{color:#E3E9FF}

/* shows and photos were light sections: white text on blue now (white cards keep dark text) */
.shows,.photos{color:var(--white)}
.ph-card{color:var(--navy)}
.shows .sec-head p,.sc-time,.swipe-hint,.photos .eyebrow,.ph-sub,.ph-cap2{color:var(--pale)}
.shows .eyebrow{color:var(--neon)}
.sc-unconfirmed{color:var(--white);border-color:var(--pale)}
.sc-poster{box-shadow:0 14px 30px rgba(8,8,40,.4)}
.after{background:rgba(10,12,60,.55)}
@media (max-width:759px){ .room figcaption{color:var(--pale)} }

/* band and set list were orange-gold: blue with white text and yellow accents */
.band,.setlist{--gold-ink:#FFFFFF;--gold-ink-2:#FFE27A;--gold:#1B1766}
.meet{border-color:rgba(255,255,255,.3)}
.m-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}
.m-photo{background:rgba(255,255,255,.1)}
.crew .m-card{background:transparent;border-color:rgba(255,255,255,.4)}
.sl-search input{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45)}
.sl-search input::placeholder{color:rgba(255,255,255,.65)}
.sl-chip{border-color:rgba(255,255,255,.5)}
.sl-row{border-color:rgba(255,255,255,.2)}

/* section breaks blend blue into blue */
.tiedye{background:var(--logo-mid)}
.tiedye-swirl{background:repeating-radial-gradient(circle at 50% 135%,rgba(255,255,255,.22) 0 7px,rgba(255,255,255,0) 7px 52px),repeating-conic-gradient(from 4deg at 50% 135%,#FFE27A 0deg 9deg,#B9CBFA 9deg 18deg,#2563EB 18deg 27deg,#1B1766 27deg 36deg,#7C9BF0 36deg 45deg,#F8C820 45deg 54deg)}
.tiedye::after{background:linear-gradient(180deg,var(--logo-mid) 0%,rgba(31,63,191,0) 34%,rgba(31,63,191,0) 66%,var(--logo-mid) 100%)}
.rig-a{background:linear-gradient(180deg,var(--logo-mid) 0%,var(--logo-lo) 50%,var(--logo-mid) 100%)}
.rig-b{background:linear-gradient(180deg,var(--logo-mid) 0%,var(--logo-lo) 100%)}
.truss{background:#0E1450}
.fixture{background:#1C2670}
.floorband{background:radial-gradient(90% 70% at 50% 100%,var(--logo-hi) 0%,var(--logo-lo) 70%)}
.floorband::after{background:linear-gradient(180deg,var(--logo-lo) 0%,rgba(27,23,102,0) 30%,rgba(27,23,102,0) 78%,var(--logo-lo) 100%)}
.finale::before{background:radial-gradient(ellipse 62% 58% at 50% 46%,rgba(20,18,79,.1) 0%,rgba(20,18,79,.6) 68%,var(--logo-lo) 100%)}

/* neon text gets the logo's soft glow */
.hero h1 span:last-child,.tile-date b,.bd-half b,.bd-leaf b{text-shadow:0 0 14px rgba(255,217,68,.45)}

.pl-media,.wipe,.pair-side figure{background:#101860}
.lb::backdrop{background:rgba(20,18,79,.95)}

/* dance floor, moved up between Shows and the band: edges blend into the blue around it */
.floorband{height:340px;background:radial-gradient(90% 75% at 50% 100%,#2563EB 0%,#1F3FBF 72%)}
.floorband::after{background:linear-gradient(180deg,#1B1766 0%,rgba(27,23,102,0) 34%,rgba(31,63,191,0) 70%,#1F3FBF 100%)}
@media (max-width:759px){.floorband{height:240px}}