/* Alternativa da v5: navy + papel, com mostarda no encerramento.
   Pares da paleta oficial; alternância de superfícies pedida pela Ana. */
:is(#about, #descobrir, #how, #pricing, #faq) {
  --base: var(--brand-paper);
  --base-2: #E8E2D6;
  --base-3: #D9D2C3;
  --hairline: #B7BEBD;
  --fg: var(--brand-navy);
  --fg-2: #3E5468;
  --fg-3: #526575;
  --fg-ink: var(--brand-paper);
  --neon: var(--brand-petrol);
  --neon-deep: #145A6C;
  background: var(--brand-paper);
  color: var(--brand-navy);
  border-bottom: 0;
}
/* Fundos contínuos em toda a largura deixam as mudanças de seção claras. */
:is(#hero, #proof, #pillars, #audience, #founders) {
  background: var(--brand-navy);
  border-bottom: 0;
}
:is(#about, #descobrir, #how, #pricing, #faq) .tint-red {
  color: var(--brand-red-deep);
}
:is(#about, #descobrir, #how, #pricing, #faq) .eyebrow.red,
:is(#about, #descobrir, #how, #pricing, #faq) .eyebrow.red .bracket {
  color: var(--brand-petrol);
}
/* Os cartões claros têm contorno suave; o contraste vem do fundo da seção. */
:is(#descobrir, #how) :is(.three-grid, .how-grid) {
  background: transparent; border: 0; gap: 20px;
}
:is(#descobrir, #how) :is(.three-grid, .how-grid) > .card {
  border: 1px solid #D9D2C3; background: var(--brand-paper);
}
#how .how-grid .card.featured { background: #E8E2D6; }
#how .product-example figcaption a { color: var(--brand-petrol); }
#how .product-shot { border-color: #B7BEBD; }
/* Blocos escuros internos preservam o destaque do número e da oferta. */
#how .ferreiro, #pricing .plan {
  --base: var(--brand-navy); --base-2: #112538; --base-3: #1B324C;
  --fg: var(--brand-paper); --fg-2: #B8C7D6; --fg-3: #8599AE;
  --fg-ink: var(--brand-navy); --neon: var(--brand-mustard);
  background: var(--brand-navy); color: var(--brand-paper);
  border-color: var(--brand-red);
  box-shadow: 8px 8px 0 var(--brand-mustard);
}
#pricing .toggle { background: #E8E2D6; border-color: #D9D2C3; }
#pricing .toggle .knob { background: var(--brand-navy); }
#pricing .toggle button[aria-pressed="true"] { color: var(--brand-paper); }
#pricing .toggle button[aria-pressed="true"] .save-badge { background: var(--brand-mustard); color: var(--brand-navy); }
#pricing .trust { border-color: #D9D2C3; }
#faq .faq-item { border-color: #C7C6BE; }
.final-cta {
  --base: var(--brand-mustard); --base-2: #E6B520; --base-3: #D4A615;
  --fg: var(--brand-navy); --fg-2: var(--brand-navy); --fg-3: #3E5468;
  --neon: var(--brand-petrol); --red: var(--brand-petrol);
  background: var(--brand-mustard); color: var(--brand-navy);
}
.final-cta .tint-red, .final-cta .tint { color: var(--brand-petrol); }
.final-cta .btn-red { background: var(--brand-navy); color: var(--brand-paper); }
.final-cta .btn-red:hover { background: var(--brand-petrol); }
.footer { background: var(--brand-navy); }
@media (max-width: 640px) {
  :is(#descobrir, #how) :is(.three-grid, .how-grid) { gap: 16px; }
  #how .ferreiro, #pricing .plan { box-shadow: 5px 5px 0 var(--brand-mustard); }
}