/* ══════════════════════════════════════════════════
   AUREON — Tema Claro (sobrepõe styles.css)
   Fundo branco, textos em marrom/dourado
   ══════════════════════════════════════════════════ */

:root {
  --color-bg:           #FFFFFF;
  --color-bg-sidebar:   #F8F5EF;
  --color-bg-alt:       #F3EEE5;
  --color-bg-card:      #FFFFFF;
  --color-bg-elevated:  #EDE7DC;
  --color-bg-section:   #F5F0E8;
  --color-surface:      #EDE7DC;
  --color-border:       #DDD5C8;

  /* Dourado — mantém identidade */
  --color-gold:         #C8952C;
  --color-gold-light:   #E2AD4A;
  --color-gold-dark:    #A67820;
  --color-gold-dim:     #9A7020;
  --color-gold-glow:    rgba(200, 149, 44, 0.10);

  /* Textos em marrom */
  --color-text:         #2A2015;
  --color-text-muted:   #6B5C45;
  --color-text-dim:     #9B8E7D;
}

body {
  background-color: var(--color-bg);
  color: var(--color-text);
}

/* ── Seleção ── */
::selection {
  background: var(--color-gold);
  color: #fff;
}

/* ── Nav ── */
.nav {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: saturate(160%) blur(14px);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(220, 210, 195, 0.6);
}
.nav__list a { color: var(--color-text-muted); }
.nav__list a:hover { color: var(--color-gold); }
.nav__toggle span { background: var(--color-text); }

/* Mobile menu aberto */
.nav.is-open .nav__menu {
  background: #fff;
  border-bottom-color: var(--color-border);
}

/* ── Botão ghost ── */
.btn--ghost {
  color: var(--color-text-muted);
  border-color: var(--color-border);
}
.btn--ghost:hover {
  color: var(--color-text);
  border-color: var(--color-gold);
}

/* ── Hero ── */
.hero::before {
  background-image:
    radial-gradient(circle at 20% 10%, rgba(200, 149, 44, 0.06), transparent 40%);
}
.hero__glow {
  background: radial-gradient(
    ellipse 90% 60% at 50% 0%,
    rgba(200, 149, 44, 0.12),
    transparent 65%
  );
}

/* ── Eyebrow ── */
.eyebrow {
  color: var(--color-gold-dark);
  border-color: rgba(166, 120, 32, 0.35);
  background: rgba(200, 149, 44, 0.06);
}

/* ── Features ── */
.features__item h3 { color: var(--color-text); }
.features__item p { color: var(--color-text-muted); }
.features__item:hover { background: rgba(200, 149, 44, 0.04); }

/* ── Tabs ── */
.tabs__list {
  background: var(--color-bg-card);
  border-color: var(--color-border);
  box-shadow: 0 2px 8px -4px rgba(42, 32, 21, 0.06);
}
.tabs__tab { color: var(--color-text-muted); }
.tabs__tab:hover { color: var(--color-text); }
.tabs__tab.is-active {
  background: var(--color-gold);
  color: #fff;
}

.tabs__panel {
  background: var(--color-bg-card);
  border-color: var(--color-border);
  box-shadow: 0 4px 20px -8px rgba(42, 32, 21, 0.08);
}
.tabs__panel h3 { color: var(--color-gold-dark); }
.tabs__panel li { color: var(--color-text-muted); }
.tabs__panel li::before { background: var(--color-gold); }

/* ── Tecno cards ── */
.tecno__card {
  background: var(--color-bg-card);
  border-color: var(--color-border);
  box-shadow: 0 2px 12px -4px rgba(42, 32, 21, 0.07);
}
.tecno__card:hover {
  border-color: var(--color-gold-dark);
  box-shadow: 0 8px 24px -8px rgba(42, 32, 21, 0.10);
  transform: translateY(-3px);
}
.tecno__card span,
.tecno__card-title { color: var(--color-text); }
.tecno__card-desc { color: var(--color-text-muted); }
.tecno__card--more span { color: var(--color-text-muted); }

/* ── Mfeat ── */
.mfeat { background: var(--color-bg-section); }
.mfeat__card {
  background: var(--color-bg-card);
  border-color: var(--color-border);
  box-shadow: 0 2px 12px -4px rgba(42, 32, 21, 0.07);
}
.mfeat__card:hover {
  border-color: var(--color-gold-dark);
  box-shadow: 0 8px 24px -8px rgba(42, 32, 21, 0.12);
}
.mfeat__img-wrap { background: var(--color-bg-section); }
.mfeat__title { color: var(--color-text); }
.mfeat__desc { color: var(--color-text-muted); }

/* ── Preços (pv-c mantém card dourado, só muda fundo da seção) ── */
.pv-c { background: var(--color-bg-section); }
.pv-c .section__title { color: var(--color-text); }
.pv-c .section__sub { color: var(--color-text-muted); }
/* O card dourado fica igual — gradiente ouro é lindo no fundo claro */
.pv-c .precos__card {
  box-shadow: 0 24px 60px -16px rgba(200, 149, 44, 0.35);
}

/* ── FAQ ── */
.faq {
  background: var(--color-bg-section);
  border-color: var(--color-border);
}
.faq__item { border-color: var(--color-border); }
.faq__item:first-child { border-color: var(--color-border); }
.faq__item summary { color: var(--color-text); }
.faq__item summary:hover { color: var(--color-gold); }
.faq__chev::before,
.faq__chev::after { background: var(--color-gold); }
.faq__answer { color: var(--color-text-muted); }

/* ── CTA Final ── */
.cta-final__title { color: var(--color-text); }
.cta-final__sub { color: var(--color-text-muted); }
.cta-final__reassure { color: var(--color-text-dim); }
.cta-final__glow {
  background: radial-gradient(
    circle 50% 50% at 50% 50%,
    rgba(200, 149, 44, 0.12),
    transparent 65%
  );
}

/* ── Section titles globais ── */
.section__title { color: var(--color-text); }
.section__sub { color: var(--color-text-muted); }
.section__eyebrow { color: var(--color-text-dim); }

/* ── Footer — mantém marrom escuro, ancora a página ── */
.footer {
  background: #2A2015;
  border-top: 1px solid rgba(200, 149, 44, 0.15);
}
.footer__brand p { color: rgba(240, 225, 200, 0.45); }
.footer__col h4 { color: rgba(240, 225, 200, 0.85); }
.footer__col a { color: rgba(240, 225, 200, 0.45); }
.footer__col a:hover { color: var(--color-gold); }
.footer__bottom {
  color: rgba(240, 225, 200, 0.3);
  border-top-color: rgba(255, 255, 255, 0.06);
}
.footer__social a { color: rgba(240, 225, 200, 0.45); }
.footer__social a:hover { color: var(--color-gold); }

/* ── Animate on scroll — garante opacidade inicial ── */
.animate-on-scroll { opacity: 0; }
.animate-on-scroll.visible { opacity: 1; }

/* ── Logo nav: dark pill para visibilidade no fundo claro ── */
.nav__logo img {
  background-color: #1A1813;
  padding: 5px 12px;
  border-radius: 8px;
}