:root {
  --branco: #FFFFFF;
  --cinza-secao: #F3F5F9;
  --cinza-borda: #D9DEE8;
  --texto: #1D2433;
  --texto-suave: #4B5567;
  --texto-mudo: #5F6879;

  --azul: #284C9A;
  --azul-escuro: #1D3A7C;
  --azul-claro: #E8EEFA;
  --sobre-azul: #FFFFFF;
  --sobre-azul-suave: #D5DEF2;
  --linha-sobre-azul: #5470B0;

  --amarelo: #FFBF23;
  --amarelo-hover: #F2AB00;
  --amarelo-borda: #D99A00;
  --sobre-amarelo: #1D2433;

  --whatsapp: #1B7F46;
  --whatsapp-hover: #14663A;

  --foco: var(--azul);

  --font-corpo: "Fustat", "Segoe UI", Arial, sans-serif;
  --font-hand: "Chilanka", "Segoe Print", "Bradley Hand", cursive;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-lead: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --fs-h3: clamp(1.1875rem, 1.1rem + 0.45vw, 1.5rem);
  --fs-h2: clamp(1.75rem, 1.35rem + 1.7vw, 2.625rem);
  --fs-h1: clamp(1.875rem, 1.4rem + 2vw, 3rem);
  --fs-hand: clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --fs-hand-lg: clamp(1.5rem, 1.25rem + 1.1vw, 2.125rem);

  --lh-corpo: 1.6;
  --lh-titulo: 1.15;

  --raio-sm: 8px;
  --raio: 12px;
  --raio-lg: 16px;

  --esp-1: 4px;
  --esp-2: 8px;
  --esp-3: 12px;
  --esp-4: 16px;
  --esp-5: 24px;
  --esp-6: 32px;
  --esp-7: 48px;
  --esp-8: 64px;

  --maxw: 1180px;
  --maxw-texto: 68ch;
  --gutter: clamp(20px, 4vw, 40px);
  --secao-y: clamp(56px, 7vw, 96px);
  --header-h: 72px;
  --alvo-min: 44px;
}