/* Tokens da marca. Gerado a partir de marca.json por scripts/trocar-marca.py. */
/* Para mudar cores, edite marca.json e rode o script; não edite à mão. */
:root {
  /* paleta:inicio */
  --cor-primaria: #FFC300;
  --cor-secundaria: #FF6B1A;
  --cor-destaque: #FF3D7F;
  --cor-escura: #0E1638;
  --cor-clara: #FFF8E7;
  --cor-neutra: #454B63;
  /* paleta:fim */

  /* Derivadas. O painel (Marca e recursos) sobrepõe estas e as cores acima pelo servidor. */
  --cor-sobre-primaria: var(--cor-escura);
  --cor-escura-2: #1C2A66;
  --cor-rodape: #0A102A;

  --gradiente-marca: linear-gradient(120deg, var(--cor-primaria) 0%, var(--cor-secundaria) 60%, var(--cor-destaque) 100%);

  --fonte-titulo: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --fonte-texto: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --raio-p: 10px;
  --raio-m: 18px;
  --raio-g: 32px;
  --raio-pilula: 999px;

  --sombra-m: 0 12px 32px -12px rgb(14 22 56 / 0.25);
  --sombra-g: 0 30px 60px -20px rgb(14 22 56 / 0.35);

  --largura-max: 1180px;
  --respiro: clamp(16px, 4vw, 32px);
}