/* ============ TYPOGRAPHY ============ */
:root{
  /* Families */
  --font-wordmark:"Mango Grotesque","Arial Narrow",sans-serif;  /* brand mark + nav, all-caps, rough */
  --font-display:"Oreon","Arial Narrow",sans-serif;             /* huge editorial headlines */
  --font-body:"Montserrat",system-ui,sans-serif;                /* body, subtitles, labels */
  --font-ui:"Inter",system-ui,sans-serif;                       /* inputs, captions, fine print */

  /* Weights */
  --fw-body:500;      /* @kind font */ /* Montserrat medium */
  --fw-semibold:600;  /* @kind font */ /* Montserrat semibold — default emphasis */
  --fw-bold:700;      /* @kind font */
  --fw-black:900;     /* @kind font */

  /* Display scale — extreme contrast, condensed */
  --fs-hero:clamp(4rem,11vw,11rem);     /* @kind font */ /* NOSOTROS / HABLEMOS */
  --fs-display:clamp(3rem,7vw,6.5rem);  /* @kind font */ /* EZEQUIEL / EL COLISEO */
  --fs-h1:clamp(2.25rem,4.5vw,4rem);    /* @kind font */
  --fs-h2:clamp(1.6rem,2.6vw,2.5rem);   /* @kind font */
  --fs-h3:clamp(1.15rem,1.6vw,1.5rem);  /* @kind font */

  /* Nav / label scale */
  --fs-nav:1.25rem;   /* @kind font */
  --fs-eyebrow:.8rem; /* @kind font */

  /* Body scale */
  --fs-lg:1.25rem;    /* @kind font */
  --fs-body:1rem;     /* @kind font */
  --fs-sm:.875rem;    /* @kind font */
  --fs-xs:.75rem;     /* @kind font */

  /* Line heights */
  --lh-display:.9;    /* @kind font */
  --lh-tight:1.05;    /* @kind font */
  --lh-body:1.55;     /* @kind font */

  /* Tracking */
  --ls-display:-0.01em; /* @kind font */
  --ls-nav:0.01em;      /* @kind font */
  --ls-eyebrow:0.18em;  /* @kind font */
}