/* ==========================================================
   Tema claro (bege e pastéis)
   Carregado depois do style.css e só sobrescreve cores.
   Para voltar ao tema escuro: remover o <link> deste arquivo
   no index.html e voltar o logo para logo.webp / logo-sm.webp.
   ========================================================== */
:root {
  --c-bg: #faf4ec;        /* bege claro */
  --c-bg-alt: #f3e9dc;    /* bege um tom acima */
  --c-surface: #ffffff;
  --c-line: #eadfce;
  --c-text: #2e1d27;
  --c-muted: #6e5862;
  --c-ink: #b3175f;       /* rosa escuro para textos de destaque */
  --c-pink: #f2a7c8;      /* rosa pastel */
  --c-yellow: #f6dd7a;    /* amarelo pastel */
  --c-orange: #f5ab95;    /* coral pastel */
  --c-cyan: #b9d9cf;      /* verde menta */
  --c-lime: #cdbbe6;      /* lilás */
  --c-cta: #c2186f;       /* botões: branco com contraste AA */
  --c-cta-hover: #a8135f;
  --shadow: 0 12px 30px rgb(90 50 40 / .14);
}

.eyebrow, .member__role { color: var(--c-ink); }
.member__soon { color: var(--c-ink) !important; }
.hero__trust::before { color: var(--c-ink); }
:focus-visible { outline-color: var(--c-ink); }

/* Menu */
.site-header.is-scrolled { background: rgb(250 244 236 / .94); box-shadow: 0 2px 20px rgb(90 50 40 / .12); }
.nav__menu a:not(.btn)::after { background: var(--c-cta); }

/* Hero: a foto já tem fundo bege, então o véu é claro */
.hero__media::after {
  background:
    linear-gradient(180deg, rgb(250 244 236 / .15) 0%, rgb(250 244 236 / .55) 40%, rgb(250 244 236 / .94) 72%, var(--c-bg) 100%),
    radial-gradient(circle at 15% 10%, rgb(242 167 200 / .35), transparent 50%);
}
@media (min-width: 960px) {
  .hero__media::after {
    background:
      linear-gradient(90deg, rgb(250 244 236 / .97) 0%, rgb(250 244 236 / .85) 40%, rgb(250 244 236 / .1) 75%),
      linear-gradient(180deg, transparent 70%, var(--c-bg) 100%);
  }
}
.hero__logo { filter: none; }
.hero__title { background: linear-gradient(90deg, #c2186f, #e0533d); -webkit-background-clip: text; background-clip: text; }
.hero__subtitle { text-shadow: none; }

/* Cartões e listas */
.perk, .card, .member, .songs li, .step, .quote-card, .video, .venue, .audience { box-shadow: var(--shadow); }
.perk { border-left-color: var(--c-yellow); }
.card__num { color: var(--c-ink); opacity: .85; }
.card--cta { background: linear-gradient(135deg, #fde3ee, #fdf3d3); outline-color: var(--c-pink); }
.about__events li { color: var(--c-text) !important; background: var(--c-surface); border: 2px solid var(--c-pink); }
.about__events li:nth-child(5n+2) { border-color: var(--c-yellow); }
.about__events li:nth-child(5n+3) { border-color: var(--c-cyan); }
.about__events li:nth-child(5n+4) { border-color: var(--c-orange); }
.about__events li:nth-child(5n+5) { border-color: var(--c-lime); }
.tag { background: var(--c-bg-alt); }
.tabs__list button { border-color: var(--c-line); }
.tabs__list button[aria-selected="true"] { color: var(--c-text); }
.step__num { color: var(--c-text); }
.video { background-color: #efe4d6; }
.video__btn::before { background: var(--c-cta); }

/* Rock Sanfona */
.sanfona {
  background:
    radial-gradient(circle at 15% 20%, rgb(245 171 149 / .45), transparent 50%),
    radial-gradient(circle at 85% 80%, rgb(242 167 200 / .45), transparent 50%),
    var(--c-bg);
}
.sanfona__title { color: var(--c-cta); }
.sanfona__title span { -webkit-text-stroke-color: #e0533d; }
.sanfona__media img { border-color: var(--c-surface); }

/* Contato */
.contact { background: linear-gradient(135deg, #f9d3e3 0%, #fbe0d4 55%, #fbefc9 100%); color: var(--c-text); }
.contact .eyebrow { color: var(--c-ink); opacity: 1; }
.contact .section__lead { color: var(--c-text); }
.quote { background: rgb(255 255 255 / .6); }
.quote__field input, .quote__field select { border-color: var(--c-line); color: var(--c-text); }
.quote__field input:focus, .quote__field select:focus { border-color: var(--c-cta); }

/* Rodapé */
.site-footer { background: var(--c-bg-alt); border-top: 1px solid var(--c-line); }
.footer__social a { background: var(--c-surface); box-shadow: var(--shadow); }
.footer__social a:hover { background: var(--c-pink); }
.lightbox::backdrop { background: rgb(46 29 39 / .9); }