:root {
  /* Paleta oficial do brandbook */
  --preto: #0D0B12;
  /* Este valor também está hardcoded, em formato percent-encoded
     (%234C1D95), dentro do data URI de .faq-contato-icone em lp-viva.css
     (SVG inline não aceita var() no atributo stroke). Se --roxo-profundo
     mudar aqui, atualize esse trecho manualmente também. */
  --roxo-profundo: #4C1D95;
  --roxo-digital: #8B5CF6;
  --off-white: #F6F4FA;
  --cinza-lilas: #9B93AD;

  /* --cinza-lilas falha no contraste AA (WCAG) sobre fundos claros
     (2.93:1 em branco, abaixo do mínimo de 4,5:1). Esta variante mais
     escura, na mesma família de matiz lilás-acinzentado, deve ser usada
     apenas onde o texto fica sobre fundo claro (branco ou --off-white).
     Sobre fundo escuro, continue usando --cinza-lilas normalmente. */
  --cinza-lilas-escuro: #6D6382;

  /* Derivadas — apoio, sempre a partir da paleta oficial */
  --branco: #FFFFFF;
  --lilas-suave: #EFEBFA;
  --lilas-claro: #E6DEFA;
  --grafite: #1A1720;
  --texto: #0D0B12;
  --texto-suave: #5B5470;
  --borda: #E4DFF0;

  /* Tipografia */
  --fonte-titulo: 'Roboto', system-ui, -apple-system, sans-serif;
  --fonte-texto: 'Inter', system-ui, -apple-system, sans-serif;
  --t-h1: clamp(2.2rem, 5.5vw, 4rem);
  --t-h2: clamp(1.75rem, 3.6vw, 2.75rem);
  --t-h3: clamp(1.25rem, 2vw, 1.5rem);
  --t-corpo: clamp(1rem, 1.15vw, 1.0625rem);

  /* Layout */
  --container: 1200px;
  --sec-y: clamp(4rem, 9vw, 7.5rem);

  /* Formas */
  --raio-sm: 10px;
  --raio-md: 18px;
  --raio-lg: 28px;
  --sombra-card: 0 12px 40px rgba(13, 11, 18, .07);
  --sombra-alta: 0 20px 60px rgba(76, 29, 149, .16);
}