/* ============================================================
   Mercati — Tipografia
   Três vozes: Fraunces (display), Archivo (texto/UI), Space Mono (dados).
   ============================================================ */

:root{
  /* ---------- Famílias ---------- */
  --font-display:'Fraunces',Georgia,'Times New Roman',serif;  /* manchetes, títulos */
  --font-sans:'Archivo',system-ui,'Segoe UI',Roboto,sans-serif; /* corpo, UI, logo */
  --font-mono:'Space Mono',ui-monospace,Consolas,monospace;     /* preços, labels, dados */

  /* ---------- Pesos ---------- */
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;  /* wordmark e números grandes (Archivo) */

  /* ---------- Escala tipográfica (rem, base 16px) ---------- */
  --text-2xs:0.6875rem;  /* 11px — micro-labels mono */
  --text-xs:0.75rem;     /* 12px */
  --text-sm:0.875rem;    /* 14px */
  --text-base:1rem;      /* 16px — corpo */
  --text-md:1.125rem;    /* 18px */
  --text-lg:1.375rem;    /* 22px */
  --text-xl:1.75rem;     /* 28px */
  --text-2xl:2.25rem;    /* 36px */
  --text-3xl:3rem;       /* 48px */
  --text-4xl:4rem;       /* 64px */
  --text-5xl:5.25rem;    /* 84px — capas */

  /* ---------- Altura de linha ---------- */
  --leading-tight:1.04;  /* títulos display */
  --leading-snug:1.3;    /* subtítulos */
  --leading-normal:1.6;  /* corpo */
  --leading-loose:1.9;   /* listas espaçadas, mono */

  /* ---------- Tracking ---------- */
  --tracking-tight:-0.02em;  /* títulos display grandes */
  --tracking-snug:-0.01em;
  --tracking-normal:0;
  --tracking-wide:0.14em;    /* labels mono */
  --tracking-wider:0.24em;   /* eyebrows / kickers */

  /* ---------- Papéis (atalhos prontos) ---------- */
  --type-display:var(--weight-semibold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-title:var(--weight-semibold) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-regular) var(--text-base)/var(--leading-normal) var(--font-sans);
  --type-label:var(--weight-bold) var(--text-2xs)/1 var(--font-mono);
}
