/* Lover Girl pre-release theme. Loaded after style.css only while "promo": "lover-girl" is set in catalog.json.
   Palette from the album cover: plum night sky, sunset-orange left heart, neon-pink right heart. */
:root {
  --ink: #12071a;
  --surface: #1c0c25;
  --raise: #261130;
  --line: #3c1d47;
  --fg: #fcefef;
  --muted: #c8a4bb;
  --gold: #ff8f45;
  --gold-hi: #ffbe73;
  --gold-dim: rgba(255, 143, 69, .14);
  --pink: #f46ad2;
  --pink-hi: #ff9be6;
  --heart: linear-gradient(95deg, #ffb057 0%, #ff7a45 30%, #f2559c 62%, #c86bf0 100%);
  --mark: "Kaushan Script", "Brush Script MT", cursive;
  --spaced: "Josefin Sans", "Futura", "Century Gothic", system-ui, sans-serif;
}
body::before, .nav { background: rgba(18, 7, 26, .9); }
.wordmark { font-family: var(--spaced); font-weight: 300; font-size: 17px; letter-spacing: .42em; text-transform: uppercase; color: var(--fg); }
.nav a.l:hover, .nav a.l[aria-current="page"] { color: var(--pink-hi); }

/* Hero: the cover's split light, orange from the left, violet-pink from the right */
.promo-hero { background:
  radial-gradient(60% 80% at 8% 30%, rgba(255, 128, 60, .22) 0%, transparent 60%),
  radial-gradient(55% 80% at 95% 40%, rgba(214, 90, 220, .22) 0%, transparent 60%),
  linear-gradient(180deg, #1a0a22 0%, var(--ink) 100%); }
.promo-name { font-family: var(--spaced); font-weight: 300; font-size: clamp(16px, 2vw, 22px); letter-spacing: .5em; text-transform: uppercase; margin: 18px 0 0; color: var(--fg); }
.promo-hero .promo-title { font-family: var(--mark); font-weight: 400; font-size: clamp(64px, 11vw, 150px); line-height: 1.05; margin: 4px 0 6px; white-space: nowrap;
  background: var(--heart); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 0 22px rgba(244, 106, 210, .35)); padding: 0 .08em; }
.promo-hero .tag { background: var(--heart); -webkit-background-clip: text; background-clip: text; color: transparent; }
.promo-cover img { box-shadow: -18px 0 60px -10px rgba(255, 128, 60, .45), 18px 0 60px -10px rgba(214, 90, 220, .5), 0 30px 80px rgba(0, 0, 0, .6); }
@media (max-width: 800px) { .promo-hero .promo-title { font-size: clamp(56px, 18vw, 120px); } }

/* Buttons and accents */
.btn { border-color: var(--pink); }
.btn.solid { background: var(--heart); border-color: transparent; color: #1a0712; }
.btn.solid:hover { background: var(--heart); filter: brightness(1.12); }
.btn.ghost { color: var(--pink-hi); }
.btn.ghost:hover { background: rgba(244, 106, 210, .12); }
h2 em { background: var(--heart); -webkit-background-clip: text; background-clip: text; color: transparent; }
.profiles a { border-bottom-color: var(--pink); }
.listen a:hover, .socials a:hover, .single:hover h4 { border-color: var(--pink); color: var(--pink-hi); }
.mail { color: var(--pink-hi); border-bottom-color: var(--pink); }
.project ol li::before, .sub-h span, .eyebrow, .facts dt { color: var(--gold-hi); }

/* Latest-single band uses the heart gradient */
.band { background: var(--heart); color: #1a0712; }
.band .title { font-family: var(--mark); }
.band-link { color: inherit; text-decoration: none; border-bottom: 2px solid currentColor; }

/* Draft markers keep reading as notes in this palette */
.need { border-color: var(--pink); background: rgba(244, 106, 210, .1); color: var(--pink-hi); }
.need b { color: var(--pink); }
.draft-bar { background: var(--heart); color: #1a0712; }

/* Name stays in the cover's spaced caps on the press kit */
.epk-top h1 { font-family: var(--spaced); font-weight: 300; letter-spacing: .22em; text-transform: uppercase; font-size: clamp(32px, 5.4vw, 66px); white-space: normal; }
.countdown { font-family: var(--spaced); font-weight: 400; font-size: 15px; letter-spacing: .3em; text-transform: uppercase; color: var(--fg); margin: 14px 0 0; display: inline-block; border: 1px solid var(--pink); border-radius: 999px; padding: 7px 16px 6px; }
.fan-line { margin: 14px 0 0; color: var(--muted); font-size: 15px; }
.fan-line strong { color: var(--pink-hi); font-weight: 700; letter-spacing: .02em; }
.nav a.shop-link { color: var(--pink-hi); border-color: var(--pink); }
.nav a.shop-link:hover { background: rgba(244, 106, 210, .12); }
.shop-card { box-shadow: -18px 0 60px -30px rgba(255, 128, 60, .5), 18px 0 60px -30px rgba(214, 90, 220, .5); }