/* ============================================================
   LatinoTV — TYPOGRAPHY TOKENS
   Bebas Neue = display (always uppercase)
   Montserrat = headings + UI labels (labels uppercase, +tracking)
   Inter      = body
   JetBrains Mono = numerics (dates, stats, prices, counters)
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-heading: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights ---- */
  --fw-body: 400;        /* @kind other */
  --fw-medium: 500;      /* @kind other */
  --fw-semibold: 600;    /* @kind other */
  --fw-bold: 700;        /* @kind other */
  --fw-extrabold: 800;   /* @kind other */

  /* ---- Display scale (Bebas Neue, uppercase) ---- */
  --fs-display-xl: 80px;   /* hero */
  --fs-display-lg: 64px;
  --fs-display-md: 48px;   /* big section titles */

  /* ---- Heading scale (Montserrat) ---- */
  --fs-h1: 40px;
  --fs-h2: 32px;
  --fs-h3: 24px;
  --fs-h4: 20px;

  /* ---- Body scale (Inter) ---- */
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;

  /* ---- Label scale (Montserrat uppercase) ---- */
  --fs-label: 13px;
  --fs-label-sm: 11px;

  /* ---- Numeric scale (JetBrains Mono) ---- */
  --fs-stat-xl: 56px;   /* big stat numbers */
  --fs-stat: 32px;
  --fs-num: 15px;       /* inline dates/prices */

  /* ---- Line heights ---- */
  --lh-display: 0.92;    /* @kind other */
  --lh-heading: 1.12;    /* @kind other */
  --lh-body: 1.6;        /* @kind other */
  --lh-tight: 1.25;      /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display: 0.01em;  /* @kind other */
  --ls-label: 0.1em;     /* @kind other */  /* uppercase UI labels */
  --ls-body: 0;          /* @kind other */

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  --text-display: var(--font-display);
  --text-heading: var(--font-heading);
  --text-copy: var(--font-body);
  --text-numeric: var(--font-mono);
}