/* STARZPLAY — Type & font tokens
   Brand face is "Averta Std" (commercial, Kostas Bartsokas). It is NOT
   freely embeddable, so this system substitutes Manrope (Google Fonts) —
   a geometric-humanist sans with very close proportions and a similar
   friendly, rounded-terminal feel. Swap in real Averta web fonts when
   licensed: replace the @font-face block below and keep the var names. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* families */
  --font-display: 'Manrope', 'Averta Std', system-ui, sans-serif; /* SUB: Averta */
  --font-body:    'Manrope', 'Averta Std', system-ui, sans-serif; /* SUB: Averta */
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:    700; /* @kind other */
  --fw-black:   800; /* @kind other */

  /* type scale (1.250 major-third over 16px base) */
  --fs-caption: 12px;
  --fs-small:   14px;
  --fs-body:    16px;
  --fs-lead:    18px;
  --fs-h5:      20px;
  --fs-h4:      25px;
  --fs-h3:      31px;
  --fs-h2:      39px;
  --fs-h1:      49px;
  --fs-display: 64px;
  --fs-mega:    88px;

  /* line heights */
  --lh-tight:   1.05; /* @kind other */
  --lh-snug:    1.2; /* @kind other */
  --lh-normal:  1.5; /* @kind other */

  /* tracking — brand display is set TIGHT, all-caps labels set WIDE */
  --tracking-display: -0.02em; /* @kind other */
  --tracking-tight:  -0.01em; /* @kind other */
  --tracking-normal:  0; /* @kind other */
  --tracking-label:   0.16em;   /* @kind other */
  --tracking-wide:    0.28em;   /* @kind other */

  /* semantic */
  --text-eyebrow-spacing: var(--tracking-label); /* @kind other */
}