/* Tokens de design da pagina: design original do template "Captura horta: cartão verde-claro à direita" (verde-salvia claro, cartao quase branco, verde escuro no texto, terracota 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"); }
:root {
  --cor-fundo: #e7ecdf;
  --cor-superficie: #f9fbf5;
  /* O campo do formulario deriva do fundo e da superficie (no padrao, o mesmo #eff3e8): trocar o fundo (pagina_marca ou a mao) leva o campo junto. */
  --cor-campo: color-mix(in srgb, var(--cor-fundo) 55%, var(--cor-superficie));
  --cor-texto: #1f2e1c;
  --cor-texto-2: #53624d;
  --cor-texto-3: #879583;
  --cor-acento: #c75b39;
  --cor-acento-2: #9a3f24;
  --cor-acento-texto: #ffffff;
  --cor-borda: #d6ddcb;
  --fonte-titulo: "Archivo", "Arial", system-ui, sans-serif;
  --fonte-rotulo: "Archivo", "Arial", system-ui, sans-serif;
  --fonte-texto: "Inter", system-ui, "Segoe UI", sans-serif;
  --foco: 18% 24%;
  --foco-celular: 22% 25%;
}
