/* ============================================================
   VEX SportTech — Typography tokens
   Arabic-first, bilingual. Display voice = Tajawal (800/900),
   the heavy geometric headline cut. Body/UI = IBM Plex Sans Arabic.
   Data / figures / HUD labels = IBM Plex Mono (Latin numerals).
   NOTE: Arabic script is cursive — headlines use ~0 tracking, never
   the negative tracking Latin display would take. Keep --tracking-display
   for Latin-only lockups; use --tracking-arabic for Arabic headlines.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-ui: "IBM Plex Sans Arabic", "Tajawal", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, sans-serif;
  --font-display: "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- Weights ---- */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 900;

  /* ---- Type scale (px) — UI / document ---- */
  --text-1: 13px;   /* caption / micro-label */
  --text-2: 15px;   /* secondary / table */
  --text-3: 17px;   /* body (Arabic reads a touch larger) */
  --text-4: 21px;   /* lead / card title */
  --text-5: 29px;   /* section sub-head */
  --text-6: 38px;   /* metric hero */
  --text-7: 52px;   /* display */

  /* ---- Display scale (rem) — deck / cover headlines ---- */
  --display-sm: clamp(2.1rem, 4vw, 3.4rem);   /* @kind font */
  --display-md: clamp(2.6rem, 5.2vw, 4.8rem); /* @kind font */
  --display-lg: clamp(3.3rem, 6.4vw, 6.4rem); /* @kind font */
  --display-xl: clamp(4rem, 9vw, 9.5rem);     /* @kind font */

  /* ---- Line heights (Arabic runs looser than Latin) ---- */
  --leading-tight: 1.08;
  --leading-snug: 1.28;
  --leading-normal: 1.6;
  --leading-relaxed: 1.9;

  /* ---- Letter spacing ---- */
  --tracking-display: -0.02em;  /* Latin display lockups only */
  --tracking-arabic: 0;         /* Arabic headlines — never negative */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-kicker: 0.18em;    /* uppercase Latin eyebrows / HUD labels */
  --tracking-wide: 0.08em;

  /* ---- Numeric readouts (scoreboards / values) ---- */
  --numeric: tabular-nums; /* @kind other */
}