/* Tokens de design da pagina: design original do template "Pagina de vendas
   longa" (ameixa quase preta, roxos em degraus nos blocos, rosa-choque so no
   que se clica, titulo em Archivo). 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"); }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("fontes/inter-700.woff2") format("woff2"); }
:root {
  --cor-fundo: #131019;
  --cor-superficie: #1d1826;
  --cor-texto: #f5f2f8;
  --cor-texto-2: #aaa2b6;
  --cor-acento: #e0156c;
  --cor-acento-texto: #ffffff;
  --cor-borda: #2e2739;
  --fonte-titulo: "Archivo", system-ui, sans-serif;
  --fonte-texto: "Inter", system-ui, "Segoe UI", sans-serif;
  --raio: 10px;
  /* Proprios deste template: os roxos dos blocos, o papel dos prints e as cores do antes e depois. */
  --cor-roxo: #7a5fb0;
  --cor-papel: #f4f1f6;
  --cor-papel-texto: #1c1622;
  --cor-ruim: #c2335a;
  --cor-bom: #2e9a57;
}