/* ------------------------------------------------------------------
   TYPOGRAPHY
   Measured off the 1920x1080 OdP decks (Credenciales, Limpiolux 60).
   Two scales live here:
     --deck-*  absolute px for the 1920x1080 slide canvas
     --fs-*    fluid web scale
   ------------------------------------------------------------------ */
:root{
  --fw-light:300; /* @kind font */
  --fw-book:400; /* @kind font */
  --fw-regular:500; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-heavy:800; /* @kind font */
  --fw-black:900; /* @kind font */

  /* web scale */
  --fs-eyebrow:0.6875rem; /* @kind font */   /* 11px  uppercase, tracked */
  --fs-caption:0.8125rem; /* @kind font */   /* 13px */
  --fs-small:0.875rem; /* @kind font */      /* 14px */
  --fs-body:1rem; /* @kind font */           /* 16px */
  --fs-body-lg:1.125rem; /* @kind font */    /* 18px */
  --fs-lead:clamp(1.25rem,1.6vw,1.5rem); /* @kind font */
  --fs-h4:clamp(1.125rem,1.4vw,1.375rem); /* @kind font */
  --fs-h3:clamp(1.375rem,2vw,1.75rem); /* @kind font */
  --fs-h2:clamp(1.75rem,3vw,2.5rem); /* @kind font */
  --fs-h1:clamp(2.25rem,4.4vw,3.75rem); /* @kind font */
  --fs-display:clamp(3rem,7vw,6.5rem); /* @kind font */

  /* slide scale — 1920x1080 canvas, as measured */
  --deck-eyebrow:18px; /* @kind font */      /* running header, uppercase, tracked */
  --deck-eyebrow-lg:36px; /* @kind font */   /* #Somos / #QuéHacemos section tags */
  --deck-caption:20px; /* @kind font */      /* table cells */
  --deck-body:30px; /* @kind font */         /* project body copy */
  --deck-body-lg:53px; /* @kind font */      /* two-column list copy */
  --deck-lead:59px; /* @kind font */         /* highlighted statement paragraph */
  --deck-title:60px; /* @kind font */        /* slide / project title */
  --deck-title-lg:72px; /* @kind font */
  --deck-display:85px; /* @kind font */      /* cover + section display */

  /* line heights */
  --lh-tight:1.02; /* @kind font */
  --lh-display:1.08; /* @kind font */
  --lh-heading:1.2; /* @kind font */
  --lh-body:1.45; /* @kind font */
  --lh-loose:1.6; /* @kind font */

  /* tracking */
  --ls-display:-0.025em; /* @kind font */
  --ls-heading:-0.015em; /* @kind font */
  --ls-body:0em; /* @kind font */
  --ls-eyebrow:0.16em; /* @kind font */
  --ls-code:0.06em; /* @kind font */
}
