/* ============================================================
   SCPS — Typography tokens
   Single family (DIN Next LT Arabic) for Arabic + Latin.
   Scale is a 1.2-ish modular scale tuned for bilingual UI.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: "DIN Next LT Arabic", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-arabic: "DIN Next LT Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-display: "DIN Next LT Arabic", "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* ---- Weights (the 7 cuts provided) ---- */
  --weight-ultralight: 200;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-heavy: 800;
  --weight-black: 900;

  /* ---- Type scale (rem @ 16px root) ---- */
  --text-2xs: 0.6875rem;  /* 11px */
  --text-xs:  0.75rem;    /* 12px */
  --text-sm:  0.875rem;   /* 14px */
  --text-base:1rem;       /* 16px */
  --text-md:  1.125rem;   /* 18px */
  --text-lg:  1.3125rem;  /* 21px */
  --text-xl:  1.5rem;     /* 24px */
  --text-2xl: 1.875rem;   /* 30px */
  --text-3xl: 2.25rem;    /* 36px */
  --text-4xl: 2.875rem;   /* 46px */
  --text-5xl: 3.5rem;     /* 56px */
  --text-6xl: 4.5rem;     /* 72px */
  --text-7xl: 5.75rem;    /* 92px */

  /* ---- Line heights ---- */
  --leading-none: 1;
  --leading-tight: 1.15;   /* display headings */
  --leading-snug: 1.3;     /* sub-headings */
  --leading-normal: 1.5;   /* Latin body */
  --leading-relaxed: 1.7;  /* Arabic body — needs more room */
  --leading-loose: 1.9;

  /* ---- Letter spacing (Arabic must stay at 0; Latin display can tighten) ---- */
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.06em;   /* eyebrows / overlines (Latin only) */
  --tracking-widest: 0.12em;
}