/**
 * Variáveis globais – WhatsApp Business API
 * Cores e gradientes (tema claro e escuro)
 */
:root {
  --whatsapp-primary: #25D366;
  --whatsapp-secondary: #128C7E;
  --whatsapp-dark: #075E54;
  --whatsapp-light: #d9fdd3;
  --whatsapp-gradient: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
  --whatsapp-gradient-btn: linear-gradient(135deg, #20bd5a 0%, #0e7a6f 100%);
  --whatsapp-box-shadow-btn: 0 0px 10px #01ff56;
  --whatsapp-gradient-btn-hover: linear-gradient(-135deg, #14d464 0%, #0a5a49 100%);
  --whatsapp-box-shadow-btn-hover: 0 0px 15px rgba(0, 0, 0, 0.4);

  /* CTA – proporções alinhadas à seção de conclusão (RCS) */
  --whatsapp-cta-content-max-width: 800px;
  --whatsapp-cta-section-padding: 50px 0;
  --whatsapp-cta-title-font-size: 3rem;
  --whatsapp-cta-title-font-weight: 800;
  --whatsapp-cta-title-line-height: 1.2;
  --whatsapp-cta-title-margin-bottom: 10px;
  --whatsapp-cta-title-letter-spacing: -0.02em;
  --whatsapp-cta-text-font-size: 1.2rem;
  --whatsapp-cta-text-line-height: 1.8;
  --whatsapp-cta-text-margin-bottom: 50px;

  /* CTA – botão (proporções como RCS: Começar agora + seta) */
  --whatsapp-cta-button-font-size: 1.2rem;
  --whatsapp-cta-button-padding: 16px 40px;
  --whatsapp-cta-button-gap: 12px;
  --whatsapp-cta-button-border-radius: 14px;

  /* CTA – SVG de fundo (maior, com anéis pontilhados girando) */
  --whatsapp-cta-bg-svg-max-width: 1000px;
}

[data-theme="dark"] {
  --whatsapp-primary: #25D366;
  --whatsapp-secondary: #128C7E;
  --whatsapp-dark: #075E54;
  --whatsapp-light: #DCF8C6;
  --whatsapp-gradient: radial-gradient(circle at 66% 52%,
      rgba(37, 211, 102, 0.55) 0%,
      rgba(18, 140, 126, 0.45) 25%,
      rgba(18, 140, 126, 0.25) 40%,
      rgba(8, 21, 19, 0.95) 60%),
    linear-gradient(135deg, #081513 0%, #0F201C 100%);
  --whatsapp-gradient-section: linear-gradient(135deg, #0F201C 0%, #0a5a49 100%);
  --whatsapp-gradient-btn: linear-gradient(135deg, #0F201C 0%, #0a5a49 100%);
  --whatsapp-box-shadow-btn: 0 0px 10px #01ff56;
  --whatsapp-gradient-btn-hover: linear-gradient(-135deg, #0F201C 0%, #0a5a49 100%);
  --whatsapp-box-shadow-btn-hover: 0 0px 15px rgba(0, 182, 54, 0.4);
}