/* ============================================================
   SUPPORTE · TYPOGRAPHY
   Títulos  → Titillium Web (geometric, straight cuts)
   Textos   → Fira Sans (geometric humanist body)
   ============================================================ */
:root{
  --font-title:'Titillium Web',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Fira Sans',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* weights */
  --fw-extralight:200; /* @kind other */
  --fw-light:300; /* @kind other */
  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:700; /* @kind other */

  /* type scale (title) */
  --text-display:clamp(2.75rem,6vw,4.5rem); /* 44–72px */
  --text-h1:2.5rem;   /* 40 */
  --text-h2:2rem;     /* 32 */
  --text-h3:1.5rem;   /* 24 */
  --text-h4:1.25rem;  /* 20 */
  --text-h5:1.0625rem;/* 17 */

  /* type scale (body) */
  --text-lg:1.125rem; /* 18 */
  --text-md:1rem;     /* 16 */
  --text-sm:0.875rem; /* 14 */
  --text-xs:0.75rem;  /* 12 */

  /* line-heights */
  --lh-tight:1.1; /* @kind other */
  --lh-snug:1.25; /* @kind other */
  --lh-normal:1.5; /* @kind other */
  --lh-relaxed:1.65; /* @kind other */

  /* tracking */
  --tracking-tight:-0.01em; /* @kind other */
  --tracking-normal:0; /* @kind other */
  --tracking-wide:0.04em; /* @kind other */
  --tracking-caps:0.08em; /* @kind other */
}