/* ============================================================
   O TAL THIAGO — Typography
   Bebas Neue = display/headlines (broadcast titles, ALL CAPS)
   Inter      = interface, body, labels
   Saira      = numerals, scores, stats, timers (tabular)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Bebas Neue', 'Oswald', sans-serif;
  --font-ui:      'Inter', system-ui, -apple-system, sans-serif;
  --font-num:     'Saira', 'Inter', sans-serif;   /* DIN substitute */

  /* ---- Display scale (Bebas — condensed, tight leading) ---- */
  --display-2xl: 128px;   /* hero title package */
  --display-xl:  92px;
  --display-lg:  64px;
  --display-md:  46px;
  --display-sm:  32px;
  --display-lh:  0.92;    /* @kind other */
  --display-ls:  0.02em;  /* @kind other */

  /* ---- UI / body scale (Inter) ---- */
  --text-2xl: 24px;
  --text-xl:  20px;
  --text-lg:  18px;
  --text-md:  16px;   /* body default */
  --text-sm:  14px;
  --text-xs:  12px;
  --text-2xs: 11px;   /* eyebrow / kicker labels */
  --body-lh:  1.55; /* @kind other */
  --tight-lh: 1.2; /* @kind other */

  /* ---- Numeric scale (Saira — tabular) ---- */
  --num-2xl: 88px;    /* scoreboard */
  --num-xl:  56px;
  --num-lg:  40px;
  --num-md:  28px;
  --num-sm:  18px;

  /* ---- Weights ---- */
  --w-regular:  400; /* @kind font */
  --w-medium:   500; /* @kind font */
  --w-semibold: 600; /* @kind font */
  --w-bold:     700; /* @kind font */
  --w-black:    900; /* @kind font */

  /* ---- Tracking presets ---- */
  --track-eyebrow: 0.22em;   /* @kind other */
  --track-label:   0.08em; /* @kind other */
  --track-tight:   -0.01em; /* @kind other */
}