:root {
  /* Paleta reduzida a 3 cores */
  --azul-petroleo: #17324D;     /* botão de ação (fixo) e sections escuras */
  --azul-petroleo-escuro: #0f2337;
  --azul-claro: #B9CBDA;        /* hero e primeira section de conteúdo */
  --off-white: #F8F6F2;         /* intercalada com o azul claro */

  --estagio-1: var(--azul-claro);      /* hero */
  --estagio-1-texto: var(--azul-petroleo-escuro);
  --estagio-2: var(--off-white);       /* identificação (sinais) */
  --estagio-2-texto: var(--azul-petroleo-escuro);
  --estagio-3: var(--azul-claro);      /* virada */
  --estagio-3-texto: var(--azul-petroleo-escuro);
  --estagio-5: var(--off-white);       /* conexão */
  --estagio-5-texto: var(--azul-petroleo-escuro);
  --estagio-6: var(--azul-claro);      /* oferta */
  --estagio-6-texto: var(--azul-petroleo-escuro);
  --estagio-7: var(--off-white);       /* rodapé */
  --estagio-7-texto: var(--azul-petroleo-escuro);

  /* Compatibilidade: mantidos para não quebrar seletores existentes */
  --vermelho-cta: var(--azul-petroleo);
  --vermelho-cta-escuro: var(--azul-petroleo-escuro);
  --vermelho-promo: #C4342A;    /* exceção pontual: reforço de promoção no modal de oferta */
  --vermelho-promo-escuro: #9c2a22;
  --azul-principal: var(--azul-petroleo);
  --azul-escuro: var(--azul-petroleo-escuro);
  --azul-claro-2: var(--off-white);
  --texto: #17263a;
  --texto-claro: #3f5266;
  --branco: #ffffff;
  --dourado: var(--azul-claro);

  --fonte-corpo: "IBM Plex Sans", Arial, sans-serif;
  --fonte-assinatura: "Dancing Script", cursive;

  --largura-max: 1200px;
  --raio: 6px;
  --sombra: 0 10px 30px rgba(23, 50, 77, 0.15);
  --transicao: 0.3s ease;
}