/* ============================================================
   Slidestudio — Typography tokens
   Rajdhani  → logo & display    (condensed, confident, uppercase-friendly)
   Abel      → headers           (tall, narrow, clean)
   Outfit    → body & UI         (geometric, highly legible)
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Rajdhani', 'Arial Narrow', sans-serif;
  --font-heading: 'Abel', 'Arial Narrow', sans-serif;
  --font-body:    'Outfit', 'Helvetica Neue', Arial, sans-serif;

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

  /* Type scale (rem, 16px base) */
  --text-2xs:  0.6875rem;  /* 11 */
  --text-xs:   0.75rem;    /* 12 */
  --text-sm:   0.875rem;   /* 14 */
  --text-base: 1rem;       /* 16 */
  --text-md:   1.125rem;   /* 18 */
  --text-lg:   1.375rem;   /* 22 */
  --text-xl:   1.75rem;    /* 28 */
  --text-2xl:  2.25rem;    /* 36 */
  --text-3xl:  3rem;       /* 48 */
  --text-4xl:  4rem;       /* 64 */
  --text-5xl:  5.5rem;     /* 88 */

  /* Line heights */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-wider:  0.08em;   /* eyebrows / labels */
  --tracking-caps:   0.12em;   /* uppercase display */
}