/* Identidade única do site, do quiz e do painel (mesmo visual do feed da Jaíla).
   Se o visual do feed mudar, mude só os valores daqui. */

@font-face {
  font-family: "Fraunces";
  src: url("fonts/fraunces-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("fonts/figtree-latin-wght-normal.woff2") format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --ceu: #BFDDF7;          /* fundo do topo */
  --nevoa: #EAF4FC;        /* fundos suaves */
  --tinta: #12263F;        /* texto e botão principal */
  --tinta-hover: #1E3C61;  /* botão principal com o mouse em cima */
  --ouro: #E3B04B;         /* progresso, seleção, destaque (nunca texto sobre branco) */
  --ouro-claro: #FFF4D6;   /* fundo de seleção e avisos */
  --mar: #2C6E9E;          /* foco do teclado e links */
  --suave: #56697F;        /* texto secundário */
  --linha: #C9DCEC;        /* só divisórias */
  --borda-campo: #7A91A9;  /* bordas de campos e opções (3,26:1) */
  --erro: #B3261E;         /* só erro e exclusão */
  --branco: #FFFFFF;

  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --largura: 540px;
}