/* Tokens de design da página: design original do template "Quiz: qual
   mochila de viagem" (fundo branco, texto quase preto, verde floresta como
   única cor de destaque, títulos em Archivo e texto em Inter). O painel Tema
   troca este arquivo se a pessoa quiser o sistema de design do projeto. */
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 800; font-display: swap; src: url("fontes/archivo-800.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("fontes/inter-400.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("fontes/inter-600.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 400; font-display: swap; src: url("fontes/source-serif-4-400.woff2") format("woff2"); }
@font-face { font-family: "Source Serif 4"; font-style: normal; font-weight: 700; font-display: swap; src: url("fontes/source-serif-4-700.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("fontes/inter-700.woff2") format("woff2"); }
:root {
  --cor-acento-2: #c77e93;
  --cor-fundo: #ffffff;
  --cor-superficie: #f4f4f6;
  --cor-texto: #16161a;
  --cor-texto-2: #5b5b66;
  --cor-acento: #b4536f;
  --cor-acento-texto: #ffffff;
  --cor-borda: #e3e3e8;
  --fonte-titulo: "Source Serif 4", Georgia, serif;
  --fonte-texto: "Inter", system-ui, "Segoe UI", sans-serif;
  --raio: 6px;
  /* Próprios deste template: o verde apagado do botão desligado, o cinza das
     opções escolhidas, o trilho da barra e o fundo das fotos de produto. */
  --cor-acento-apagado: #b3c7bf;
  --cor-escolhida: #f1f3f2;
  --cor-trilho: #e3e3e3;
  --cor-foto: #f2f1ef;
}