/* ============================================================
   My Safe Spaces — Typography tokens
   Display: Spectral (serif) · UI/Body: Mukta (humanist sans,
   native Devanagari) · Mono: IBM Plex Mono
   ============================================================ */

:root {
  /* ---- Families --------------------------------------- */
  --font-display: 'Spectral', 'Georgia', serif;
  --font-sans: 'Mukta', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
  /* Devanagari runs render natively in both Spectral & Mukta */
  --font-devanagari: 'Mukta', sans-serif;

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

  /* ---- Type scale (1.20 minor-third on body, custom display) */
  --text-display-xl: 4.25rem;   /* 68px — hero */
  --text-display-lg: 3.25rem;   /* 52px */
  --text-display-md: 2.5rem;    /* 40px */
  --text-h1: 2rem;              /* 32px */
  --text-h2: 1.625rem;          /* 26px */
  --text-h3: 1.3125rem;         /* 21px */
  --text-h4: 1.125rem;          /* 18px */
  --text-body-lg: 1.125rem;     /* 18px */
  --text-body: 1rem;            /* 16px */
  --text-body-sm: 0.9375rem;    /* 15px */
  --text-caption: 0.8125rem;    /* 13px */
  --text-overline: 0.75rem;     /* 12px */

  /* ---- Line heights ----------------------------------- */
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing --------------------------------- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-overline: 0.14em;   /* uppercase eyebrows */
}