/* Gerado por site/_ferramentas/tokens_web.py a partir da DA do site. Não edite à mão: rode o script de novo. */

@font-face{font-family:"Caveat";src:url("../fonts/Caveat-Variable.woff2") format("woff2"), url("../fonts/Caveat-Variable.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Karla";src:url("../fonts/Karla-Variable.woff2") format("woff2"), url("../fonts/Karla-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}

:root{
  /* cor (DA) */
  --da-cor-fundo:#F2EAD6; --da-cor-fundo-rgb:242, 234, 214;
  --da-cor-superficie:#E9DFC6; --da-cor-superficie-rgb:233, 223, 198;
  --da-cor-texto:#1C1A16; --da-cor-texto-rgb:28, 26, 22;
  --da-cor-texto-suave:#5E574A; --da-cor-texto-suave-rgb:94, 87, 74;
  --da-cor-secundaria:#CDBF9E; --da-cor-secundaria-rgb:205, 191, 158;
  --da-cor-primaria:#F6B52E; --da-cor-primaria-rgb:246, 181, 46;
  --da-cor-positivo:#2F7A55; --da-cor-positivo-rgb:47, 122, 85;
  --da-cor-negativo:#B23A1E; --da-cor-negativo-rgb:178, 58, 30;
  /* cor (nomes do site, §2.1) */
  --cor-pagina:var(--da-cor-fundo);
  --cor-superficie:var(--da-cor-superficie);
  --cor-texto:var(--da-cor-texto);
  --cor-texto-suave:var(--da-cor-texto-suave);
  --cor-borda:var(--da-cor-texto);
  --cor-borda-campo:var(--da-cor-texto-suave);
  --cor-divisor:var(--da-cor-secundaria);
  --cor-destaque:var(--da-cor-primaria);
  --cor-sobre-destaque:var(--da-cor-texto);
  --cor-foco:var(--da-cor-texto);
  --cor-erro:var(--da-cor-negativo);
  --cor-sucesso:var(--da-cor-positivo);
  --cor-faixa-inversa:var(--da-cor-texto);
  --cor-sobre-inversa:var(--da-cor-fundo);
  --cor-grade:rgba(var(--da-cor-texto-rgb), 0.045);
  --cor-sobreposicao:rgba(var(--da-cor-texto-rgb), .85);
  /* fontes (DA). Fallback sem manuscrita: o manual proíbe fonte 'parecida' com a Caveat */
  --da-fonte-titulo:"Caveat", "Karla", system-ui, sans-serif; --da-peso-titulo:700; --da-caixa-titulo:uppercase;
  --da-fonte-subtitulo:"Caveat", "Karla", system-ui, sans-serif; --da-peso-subtitulo:600; --da-caixa-subtitulo:none;
  --da-fonte-corpo:"Karla", system-ui, sans-serif; --da-peso-corpo:400; --da-caixa-corpo:none;
  --da-fonte-dados:"Karla", system-ui, sans-serif; --da-peso-dados:600; --da-caixa-dados:none;
  --da-fonte-legenda:"Karla", system-ui, sans-serif; --da-peso-legenda:600; --da-caixa-legenda:none;
  /* escala web (§2.2): de 360 a 1280 px de largura */
  --fs-display:clamp(2.5rem, 1.717rem + 3.478vw, 4.5rem); --lh-display:1.05; --ff-display:var(--da-fonte-titulo); --fw-display:var(--da-peso-titulo); --tt-display:var(--da-caixa-titulo);
  --fs-h2:clamp(2rem, 1.707rem + 1.304vw, 2.75rem); --lh-h2:1.05; --ff-h2:var(--da-fonte-titulo); --fw-h2:var(--da-peso-titulo); --tt-h2:var(--da-caixa-titulo);
  --fs-h3-destaque:clamp(1.75rem, 1.554rem + 0.8696vw, 2.25rem); --lh-h3-destaque:1.1; --ff-h3-destaque:var(--da-fonte-subtitulo); --fw-h3-destaque:var(--da-peso-subtitulo); --tt-h3-destaque:var(--da-caixa-subtitulo);
  --fs-h3:clamp(1.5rem, 1.402rem + 0.4348vw, 1.75rem); --lh-h3:1.1; --ff-h3:var(--da-fonte-subtitulo); --fw-h3:var(--da-peso-subtitulo); --tt-h3:var(--da-caixa-subtitulo);
  --fs-lead:clamp(1.062rem, 0.9891rem + 0.3261vw, 1.25rem); --lh-lead:1.5; --ff-lead:var(--da-fonte-corpo); --fw-lead:var(--da-peso-corpo); --tt-lead:var(--da-caixa-corpo);
  --fs-corpo:clamp(1rem, 0.9755rem + 0.1087vw, 1.062rem); --lh-corpo:1.5; --ff-corpo:var(--da-fonte-corpo); --fw-corpo:var(--da-peso-corpo); --tt-corpo:var(--da-caixa-corpo);
  --fs-nota:0.875rem; --lh-nota:1.45; --ff-nota:var(--da-fonte-corpo); --fw-nota:var(--da-peso-corpo); --tt-nota:var(--da-caixa-corpo);
  --fs-sobretitulo:clamp(0.8125rem, 0.788rem + 0.1087vw, 0.875rem); --lh-sobretitulo:1.3; --ff-sobretitulo:var(--da-fonte-dados); --fw-sobretitulo:var(--da-peso-dados); --tt-sobretitulo:var(--da-caixa-dados);
  --fs-botao:1rem; --lh-botao:1.2; --ff-botao:var(--da-fonte-dados); --fw-botao:var(--da-peso-dados); --tt-botao:var(--da-caixa-dados);
  --fs-nav:1rem; --lh-nav:1.2; --ff-nav:var(--da-fonte-dados); --fw-nav:var(--da-peso-dados); --tt-nav:var(--da-caixa-dados);
  --fs-rotulo:0.875rem; --lh-rotulo:1.2; --ff-rotulo:var(--da-fonte-legenda); --fw-rotulo:var(--da-peso-legenda); --tt-rotulo:var(--da-caixa-legenda);
  --fs-mensagem:0.875rem; --lh-mensagem:1.4; --ff-mensagem:var(--da-fonte-corpo); --fw-mensagem:var(--da-peso-corpo); --tt-mensagem:var(--da-caixa-corpo);
  --fs-dado:0.8125rem; --lh-dado:1.3; --ff-dado:var(--da-fonte-dados); --fw-dado:var(--da-peso-dados); --tt-dado:var(--da-caixa-dados);
  /* espaço (§3.3) */
  --esp-1:0.25rem; --esp-2:0.5rem; --esp-3:0.75rem; --esp-4:1rem; --esp-5:1.5rem; --esp-6:2rem; --esp-7:3rem; --esp-8:4rem; --esp-9:6rem; --esp-10:8rem;
  /* layout (§3.2, §2.5); raio e grade medidos pela DA em 1080 px */
  --raio:6px; --raio-pilula:999px;
  --borda:2px; --borda-forte:3px; --divisor:1px;
  --grade-passo:22px;
  --container:1200px; --margem:clamp(1.25rem, 5vw, 4rem); --header:4rem;
  --bp-sm:480px; --bp-md:768px; --bp-lg:1024px; --bp-xl:1280px;
  /* movimento (DA) */
  --curva-entrada:cubic-bezier(0.25, 0.1, 0.25, 1);
  --curva-saida:cubic-bezier(0.4, 0, 1, 1);
  --curva-enfase:cubic-bezier(0.3, 0, 0.1, 1);
  --curva-suave:cubic-bezier(0.45, 0, 0.55, 1);
  --curva-linear:cubic-bezier(0, 0, 1, 1);
  --dur-micro:0.1s; --dur-curta:0.28s; --dur-media:0.5s; --dur-longa:0.9s; --dur-escalonamento:0.07s;
}
@media (min-width:1024px){:root{--header:5rem}}