/* ==========================================================================
   Radar1 — Typography tokens
   Barlow Semi Condensed = workhorse (UI, body, chyrons, tickers).
   Archivo / Archivo Expanded = display, logo lockup, big on-air headlines.
   Condensed faces buy horizontal room — essential for broadcast lower-thirds.
   ========================================================================== */
:root {
  /* ---- Families ---- */
  --font-ui:      "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body:    "Barlow Semi Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-display: "Archivo", "Barlow Semi Condensed", system-ui, sans-serif;
  --font-brand:   "Archivo Expanded", "Archivo", system-ui, sans-serif;
  --font-mono:    ui-monospace, monospace;

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

  /* ---- Type scale (px) — broadcast reads big ---- */
  --fs-micro:  11px;   /* timestamps, source tags */
  --fs-caption:13px;   /* metadata, labels */
  --fs-sm:     15px;
  --fs-base:   17px;   /* body */
  --fs-md:     20px;
  --fs-lg:     24px;
  --fs-xl:     30px;
  --fs-2xl:    38px;
  --fs-3xl:    48px;
  --fs-4xl:    62px;
  --fs-5xl:    82px;   /* full-screen on-air headline */

  /* ---- Line heights ---- */
  --lh-tight:   1.02;   /* @kind font */
  --lh-snug:    1.12;   /* @kind font */
  --lh-normal:  1.35;   /* @kind font */
  --lh-relaxed: 1.55;   /* @kind font */

  /* ---- Tracking (broadcast loves uppercase + spacing) ---- */
  --ls-tightest:-0.02em;  /* big display @kind font */
  --ls-tight:  -0.01em;   /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-wide:    0.04em;   /* @kind font */
  --ls-wider:   0.08em;   /* labels, kickers @kind font */
  --ls-widest:  0.16em;   /* LIVE / BREAKING eyebrows @kind font */

  /* ---- Semantic roles ---- */
  --text-eyebrow-size: var(--fs-caption);       /* @kind font */
  --text-eyebrow-weight: var(--fw-bold);        /* @kind font */
  --text-eyebrow-tracking: var(--ls-widest);    /* @kind font */
}