/*
  Tokens de marca — Vox Marketing Digital
  Fonte única de verdade pra cor, tipografia e espaçamento da LP.
*/
:root {
  /* Cor */
  --cor-fundo: #0A0A0A;           /* Preto Carbon */
  --cor-fundo-alt: #121212;        /* leve variação pra alternar seções sem gradiente genérico */
  --cor-superficie: #161616;       /* cards, inputs — levemente acima do fundo */
  --cor-superficie-2: #1E1E1E;
  --cor-borda: #2A2A2A;
  --cor-destaque: #FF6A00;         /* Laranja Vibrante */
  --cor-destaque-2: #FF8A3D;
  --cor-destaque-rgb: 255, 106, 0;
  --cor-texto: #FFFFFF;
  --cor-texto-secundario: #B3B3B3; /* hierarquia sem depender só de opacidade */
  --cor-texto-terciario: #7A7A7A;
  --cor-sucesso: #25D366;

  /* Tipografia */
  --fonte-display: 'Poppins', Arial, sans-serif;
  --fonte-corpo: 'Inter', Arial, sans-serif;
  --tamanho-corpo: 16px;
  --altura-linha-corpo: 1.65;

  /* Forma */
  --raio-borda: 4px;
  --raio-borda-lg: 8px;
  --raio-pilula: 999px;

  /* Espaçamento */
  --espaco-secao: clamp(64px, 10vw, 140px);
  --largura-conteudo: 1120px;
  --largura-leitura: 640px;

  /* Movimento */
  --duracao-transicao: 0.25s;
  --easing-padrao: cubic-bezier(.16,1,.3,1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --duracao-transicao: 0.001s; }
}