/* tokens.css · Mônica Hortolan · gerado de design-system.json pelo motor de design system. Não edite à mão. */
@import url("https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@500;700&family=Karla:wght@400;700&display=swap");
:root{
  /* cores: só estas. Nenhuma outra cor entra numa peça. */
  --cor-fundo:#F4EFE8;
  --cor-superficie:#FFFDF9;
  --cor-texto:#12100E;
  --cor-texto-suave:#6B6259;
  --cor-destaque:#C8663F;
  --cor-destaque-suave:#F5E1D6;
  --cor-apoio:#B8955A;
  --cor-acao:#A95230;
  --cor-sobre-acao:#FFFDF9;
  --cor-borda:rgba(18,16,14,.12);
  --cor-borda-forte:rgba(18,16,14,.28);
  --cor-veu:rgba(18,16,14,.35);

  /* fontes */
  --fonte-titulo:'Familjen Grotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --fonte-texto:'Karla', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --peso-titulo:700;
  --peso-texto:400;
  --peso-forte:700;

  /* tipografia */
  --tam-legenda:13px;
  --tam-corpo:16px;
  --tam-lead:20px;
  --tam-h3:25px;
  --tam-h2:31px;
  --tam-h1:39px;
  --tam-display:49px;
  --entrelinha-titulo:1.1;
  --entrelinha-corpo:1.6;
  --letras-titulo:-0.02em;
  --letras-corpo:0;
  --letras-rotulo:0.14em;
  --medida:66ch;

  /* espaço e forma */
  --esp-1:4px;
  --esp-2:8px;
  --esp-3:12px;
  --esp-4:16px;
  --esp-5:24px;
  --esp-6:32px;
  --esp-7:48px;
  --esp-8:64px;
  --esp-9:96px;
  --raio-pequeno:8px;
  --raio-medio:16px;
  --raio-grande:24px;
  --raio-pilula:999px;
  --sombra-card:0 1px 2px rgba(18,16,14,.06), 0 8px 24px rgba(18,16,14,.08);

  /* componentes e formatos */
  --botao-altura:48px;
  --carrossel-largura:1080px;
  --carrossel-altura:1350px;
  --carrossel-margem:96px;
  --a4-margem:18mm;
  --pagina-largura:1120px;
}