/* Fonte: Design System IA em Curso 4.0, conferido no Drive em 30/09/2026.
   O conteúdo e a composição da v5 são preservados; os aliases ligam o HTML legado à paleta atual. */
:root {
  --brand-navy: #0B1A2B;
  --brand-paper: #F3EFE6;
  --brand-red: #E5322D;
  --brand-red-deep: #C4261F;
  --brand-mustard: #F2C230;
  --brand-petrol: #0F4C5C;
  --base: var(--brand-navy);
  --base-2: #112538;
  --base-3: #1B324C;
  --hairline: #2C4A6B;
  --fg: var(--brand-paper);
  --fg-2: #B8C7D6;
  --fg-3: #8599AE;
  --fg-ink: var(--brand-navy);
  --neon: var(--brand-mustard);
  --neon-deep: #E6B520;
  --red: var(--brand-red);
  --red-deep: var(--brand-red-deep);
}
/* O vermelho oficial fica nos títulos e elementos; textos pequenos usam o acento legível. */
.eyebrow.red, .eyebrow.red .bracket, .hero-bullets li .num,
.how-grid .card .num-tag, .founder .role,
.pillars-grid .card.bonus .num-tag, .product-example figcaption a,
.wa-modal__error { color: var(--neon); }
.btn-red, .hero-bullets-wrap .bullets-tag, .tag-cut.red, .toggle .save-badge {
  background: var(--brand-red-deep); color: var(--brand-paper);
}
.btn-red:hover { background: var(--brand-red-deep); filter: none; }
.btn-neon { background: var(--brand-mustard); color: var(--brand-navy); }
.btn-neon:hover { background: var(--brand-paper); filter: none; }
.sticky-cta-bar { filter: drop-shadow(0 6px 16px rgba(0,0,0,.35)); }
.tool-mark { background: var(--brand-paper); }
.product-shot { background: var(--brand-navy); border-color: var(--hairline); }
.product-shot:hover { border-color: var(--red); }
.deal-burst { color: var(--brand-red-deep); }
.deal-burst-text, .deal-burst-eye, .deal-burst-ate, .deal-burst-num .currency { color: var(--brand-paper); }
.deal-burst-num { color: var(--brand-paper); }
@media (max-width: 900px) { .sticky-cta-bar { filter: none; } }