/* Tokens de design da página: design original do template "Quiz de
   recomendação: rotina de skincare" (fundo nude, cartões brancos, texto marrom
   escuro, rosa-framboesa como única cor de destaque, títulos em Source Serif 4
   e texto em Inter). O painel Tema troca este arquivo se a pessoa quiser o
   sistema de design do projeto. */
@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: "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-acento-2: #c87d6c;
  --cor-fundo: #ffffff;
  --cor-superficie: #f4f4f6;
  --cor-texto: #16161a;
  --cor-texto-2: #5b5b66;
  --cor-acento: #b5523b;
  --cor-acento-texto: #ffffff;
  --cor-borda: #e3e3e8;
  --fonte-titulo: "Source Serif 4", Georgia, serif;
  --fonte-texto: "Inter", system-ui, "Segoe UI", sans-serif;
  --raio: 16px;
  /* Próprios deste template: o framboesa mais fundo (hover) e o lavado das
     opções escolhidas e do cupom. */
  --cor-acento-escuro: #8f3955;
  --cor-acento-lavado: #f8e9ee;
}