/* RGR Visual — tokens (fonte única de cor, tipo, raio, sombra e espaço).
   Cores tiradas do logo oficial (PREFERENCIAL-1.png, 2022) e da resposta do Forms (roxo #661C69).
   Nunca usar valor literal fora deste arquivo. */
:root {
  /* marca */
  --rgr-roxo: #661c69;
  --rgr-roxo-escuro: #4a1250;
  --rgr-roxo-claro: #f4ecf5;
  --rgr-ciano: #00a0e3;
  --rgr-magenta: #e2007a;
  --rgr-amarelo: #ffe200;
  --rgr-preto: #231815;
  --whatsapp: #1f9d55;
  --whatsapp-escuro: #17803f;

  /* semânticos */
  --cor-fundo: #ffffff;
  --cor-superficie: var(--rgr-roxo-claro);
  --cor-texto: #1d1a1f;
  --cor-texto-suave: #5b5560;
  --cor-marca: var(--rgr-roxo);
  --cor-marca-hover: var(--rgr-roxo-escuro);
  --cor-texto-na-marca: #ffffff;
  --cor-borda: #e4dde6;
  --cor-foco: var(--rgr-ciano);

  /* tipografia */
  --fonte-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fonte-titulo: "Montserrat", var(--fonte-base);
  --tamanho-h1: clamp(1.75rem, 4.2vw, 2.75rem);
  --tamanho-lead: clamp(1.02rem, 1.6vw, 1.2rem);
  --tamanho-base: 1rem;
  --tamanho-pequeno: 0.875rem;
  --peso-titulo: 800;
  --peso-botao: 700;
  --altura-linha: 1.55;

  /* forma e espaço */
  --raio: 14px;
  --raio-pill: 999px;
  --sombra: 0 10px 30px rgba(102, 28, 105, 0.14);
  --sombra-banner: 0 -6px 24px rgba(29, 26, 31, 0.16);
  --esp-1: 0.5rem;
  --esp-2: 0.75rem;
  --esp-3: 1rem;
  --esp-4: 1.5rem;
  --esp-5: 2rem;
  --esp-6: 3rem;
  --largura-max: 44rem;
  --borda-fina: 1px;
  --borda: 2px;
  --contorno-foco: 3px;
  --altura-faixa: 6px;
  --peso-destaque: 600;
  --altura-linha-titulo: 1.15;
  --largura-texto: 36rem;
  --largura-acoes: 26rem;
  --largura-acoes-lg: 32rem;
  --largura-banner: 40rem;
  --largura-logo: min(320px, 78vw);
  --chip-pad: 0.35rem 0.85rem;
  --tamanho-icone: 1.2em;
  --tamanho-h2: 1.15rem;
  --espaco-rodape-banner: 5rem;
  --topo-lg: 4.5rem;
  --transicao: 0.15s ease;
  --faixa-cmyk: linear-gradient(90deg, var(--rgr-ciano) 0 25%, var(--rgr-magenta) 25% 50%, var(--rgr-amarelo) 50% 75%, var(--rgr-preto) 75% 100%);
}