/* Tokens de design da página: design original do template "Quiz do produto
   ideal" (fundo quase branco, texto grafite, o coral como única cor de
   destaque, cartões brancos com borda suave, título 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: 500; font-display: swap; src: url("fontes/archivo-500.woff2") format("woff2"); }
@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"); }
:root {
  --cor-fundo: #faf8f6;
  --cor-superficie: #ffffff;
  --cor-texto: #26221f;
  --cor-texto-2: #6b635d;
  --cor-acento: #e8553b;
  --cor-acento-texto: #ffffff;
  --cor-borda: #ece6e0;
  --fonte-titulo: "Archivo", system-ui, sans-serif;
  --fonte-texto: "Inter", system-ui, "Segoe UI", sans-serif;
  --raio: 14px;
  /* Próprios deste template: tons do mesmo coral (escuro no hover, lavado nas
     opções escolhidas e nos ícones) e a sombra dos cartões. */
  --cor-acento-escuro: #c9412a;
  --cor-acento-lavado: #fdece8;
  --sombra: 0 10px 30px rgba(38, 34, 31, 0.07);
}