/* ============================================================
   ITM Skills University — Typography Tokens
   Source: Brand Book 2026, Ch.04.
   Display: Playfair Display (700/800/900, 700 italic).
   Body/UI: DM Sans (300 default, 400/500/600).
   Scale: Fibonacci — 11 · 13 · 21 · 34 · 55 · 89 (px digital).
   ============================================================ */

:root {
  /* Families — exactly two, no substitutes */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui:      'DM Sans', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace; /* design-system specimens only */

  /* ---- Fibonacci type scale (canonical) ---- */
  --fib-display:   89px;  /* Chapter titles · hero · cover */
  --fib-heading:   55px;  /* Section H2 · chapter opener */
  --fib-subhead:   34px;  /* H3 · card title · pull quote · stat number */
  --fib-body-lg:   21px;  /* Intro paragraph · section subhead */
  --fib-body:      13px;  /* Standard body (DM Sans Light, lh 1.7) */
  --fib-label:     11px;  /* Eyebrow · label · caption · metadata */

  /* ---- Named scale (aliases used across components) ---- */
  --text-3xs: 11px;
  --text-2xs: 11px;
  --text-xs:  12px;
  --text-sm:  13px;   /* body standard */
  --text-md:  15px;   /* comfortable UI body (between 13 and 21) */
  --text-lg:  18px;
  --text-xl:  21px;   /* body large / card title web */
  --text-2xl: 28px;
  --text-3xl: 34px;   /* subhead / card title / stat */
  --text-4xl: 44px;
  --text-5xl: 55px;   /* page heading */
  --text-6xl: 68px;
  --text-7xl: 89px;   /* display */

  /* Weights (Playfair: 700/800/900 · DM Sans: 300/400/500/600) */
  --fw-light:    300; /* @kind other */  /* DM Sans default for body copy */
  --fw-regular:  400; /* @kind other */
  --fw-medium:   500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:     700; /* @kind other */  /* Playfair min for display */
  --fw-extra:    800; /* @kind other */
  --fw-black:    900; /* @kind other */

  /* Line heights (Brand Book rules) */
  --lh-display: 1.0;   /* @kind other */  /* 0.95–1.05 */
  --lh-tight:   1.05;  /* @kind other */
  --lh-snug:    1.2;   /* @kind other */  /* subheads 1.1–1.3 */
  --lh-heading: 1.2;   /* @kind other */
  --lh-normal:  1.5;   /* @kind other */  /* body min */
  --lh-body:    1.7;   /* @kind other */  /* standard body 1.65–1.75 */
  --lh-relaxed: 1.7;   /* @kind other */

  /* Letter spacing */
  --ls-tighter: -0.02em; /* @kind other */  /* display 89px+ */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-normal:  0;       /* @kind other */
  --ls-wide:    0.04em;  /* @kind other */
  --ls-eyebrow: 0.13em;  /* @kind other */  /* uppercase labels 0.10–0.16em */
}