/* ==========================================================================
   Unique Performance: tema das propostas de Ginecologia
   Carrega por último e só em proposta-ginecologia-*.php. Troca a paleta da
   marca (navy + dourado) por ameixa + rosé redefinindo os tokens do :root,
   então todo componente que lê os tokens muda junto. Os nomes (--navy,
   --gold) ficam; só o tom muda. Abaixo dos tokens, só os pontos do
   styles.css e do propostas.css com a cor escrita direto.

   Contraste (WCAG AA) conferido:
     --gold-light sobre --navy (texto rosé nos cards)     8,4:1
     --navy-900 sobre --gold (botão principal e selo)    5,9:1
     --gold-ink sobre --off (eyebrow no fundo claro)     5,3:1
     --muted sobre --off-2 (texto corrido)               5,4:1
   ========================================================================== */
:root {
  /* Fundos escuros: ameixa no lugar do navy */
  --navy-900: #1f0b19;
  --navy: #2b1024;
  --navy-700: #3a1631;
  --navy-500: #52213f;

  /* Acento: rosé no lugar do dourado */
  --gold: #c9798f;
  --gold-light: #e3a3b5;
  --gold-soft: rgba(201, 121, 143, 0.14);
  --gold-ink: #a14a66;

  /* Fundos claros com um toque de blush */
  --off: #fbf4f5;
  --off-2: #f5e9ec;
  --line: #ead7dc;
  --ink: #24161d;
  --muted: #6b5a62;

  /* Texto sobre fundo escuro: cinza quente, sem o azul do tema original */
  --on-dark-2: #cdb3c0;
  --on-dark-3: #a3879a;
  --line-dark: rgba(201, 121, 143, 0.26);
}

/* Cores fixas do styles.css (rgba do dourado e do navy) */
.btn--ghost {
  border-color: rgba(201, 121, 143, 0.6);
}

.nav.is-stuck {
  background: rgba(31, 11, 25, 0.88);
}

.hero::before {
  background: radial-gradient(circle, rgba(201, 121, 143, 0.2) 0%, rgba(201, 121, 143, 0) 68%);
}

.plan {
  border-color: rgba(201, 121, 143, 0.32);
  box-shadow: 0 16px 46px rgba(43, 16, 36, 0.16);
}

.ctv p {
  color: rgba(43, 16, 36, 0.78);
}

.ctv__micro {
  color: rgba(43, 16, 36, 0.82);
}

.mobilebar {
  background: rgba(31, 11, 25, 0.94);
}

/* Cor fixa do propostas.css */
.plans--proposal .plan--featured {
  box-shadow: 0 0 0 1px var(--gold), 0 28px 70px rgba(43, 16, 36, 0.32);
}