/* Watch Party — tipografía. Display racionada a momentos hero; UI para todo lo demás. */
:root{
  --font-display:"Barlow Condensed Display","Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --font-ui:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --weight-display-x:800;
  --weight-display:700;
  --weight-ui-bold:700;
  --weight-ui-semibold:600;
  --weight-ui-medium:500;
  --weight-ui-regular:400;

  /* escala de la APP (px, tight, mobile) — es el piso */
  --fs-logo:2rem;
  --fs-hero:1.75rem;
  --fs-title:1.375rem;
  --fs-price:1.25rem;
  --fs-cta:1.125rem;
  --fs-subtitle:1rem;
  --fs-body-lg:.9375rem;
  --fs-label:.875rem;
  --fs-body:.75rem;
  --fs-tag:.6875rem;
  --fs-badge:.625rem;

  /* escala DISPLAY del landing (responsive) */
  --fs-display-1:clamp(2.5rem,calc(6vw + 1rem),5rem); /* @kind font */
  --fs-display-2:clamp(2rem,calc(4vw + 1rem),3.5rem); /* @kind font */
  --fs-display-3:clamp(1.5rem,calc(2vw + 1rem),2.25rem); /* @kind font */
  --fs-lead:clamp(1.0625rem,calc(.5vw + 1rem),1.375rem); /* @kind font */

  /* letter-spacing */
  --ls-display:-.02em;
  --ls-tight:-.375px;
  --ls-nav:.45px;
  --ls-category:.55px;

  /* line-height */
  --lh-display:1.02; /* @kind font */
  --lh-heading:1.15; /* @kind font */
  --lh-body:1.5; /* @kind font */
}