/* Tokens de design da Formação Atlas. Paleta azul do produto (paineis/tema-atlas.css). Para mudar o destaque, troque --destaque e --cta. */
:root {
  --preto: #02050f;
  --grafite-1: #060b1a;
  --grafite-2: #0a1226;
  --grafite-3: #111c3d;
  --linha: #18233f;
  --linha-forte: #2a3a63;
  --branco: #f2f6ff;
  --cinza-claro: #bccbe8;
  --cinza: #95a6c9;
  --destaque: #4d8dff;
  --cta: #1f5bff;
  --cta-hover: #1747d6;
  --brilho: rgba(47, 107, 255, 0.42);
  --luz: #cfe0ff;

  --fonte-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonte-titulo: "Anton", Impact, "Arial Narrow", sans-serif;

  --tam-h1: clamp(30px, 9.4vw, 54px);
  --tam-h2: clamp(44px, 6.4vw, 80px);
  --tam-h2-menor: clamp(40px, 5.2vw, 64px);
  --tam-h3: clamp(26px, 3vw, 34px);
  --tam-corpo: 17px;
  --tam-lead: clamp(17px, 1.5vw, 19px);

  --raio-p: 8px;
  --raio-m: 12px;
  --raio-g: 20px;
  --raio-midia: 28px;

  --largura: 1136px;
  --margem: clamp(16px, 4.2vw, 32px);
  --secao: clamp(72px, 10vw, 128px);
  --topo-altura: 104px;

  --sai-suave: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 1024px) {
  :root {
    --tam-h1: clamp(42px, 4.2vw, 56px);
    --topo-altura: 112px;
  }
}