/* ===========================================================================
   Rain Analytics — Typography tokens
   The deck pairs Georgia (serif display), Arial (sans UI/body) and
   Courier New (mono kickers). All three are web-safe system fonts, so no
   webfont binaries ship — the stacks below name faithful fallbacks.
   =========================================================================== */
:root {
  /* --- Families --------------------------------------------------------- */
  --font-serif: Georgia, "Times New Roman", serif;      /* display / headlines */
  --font-sans:  Arial, "Helvetica Neue", Helvetica, sans-serif; /* body / UI */
  --font-mono:  "Courier New", ui-monospace, monospace; /* kickers / labels / data */

  /* --- Type scale (px) -------------------------------------------------- */
  --fs-display:  64px;   /* slide hero            */
  --fs-h1:       44px;
  --fs-h2:       32px;
  --fs-h3:       24px;
  --fs-title:    20px;
  --fs-body-lg:  18px;
  --fs-body:     16px;
  --fs-sm:       14px;
  --fs-xs:       12px;
  --fs-kicker:   12px;   /* mono eyebrow          */

  /* --- Weights ---------------------------------------------------------- */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-bold:    700; /* @kind other */

  /* --- Line heights ----------------------------------------------------- */
  --lh-tight:  1.08; /* @kind other */
  --lh-snug:   1.25; /* @kind other */
  --lh-normal: 1.5;  /* @kind other */
  --lh-relaxed:1.65; /* @kind other */

  /* --- Tracking --------------------------------------------------------- */
  --tracking-kicker: 0.22em;   /* uppercase mono eyebrow */
  --tracking-tight:  -0.02em;  /* large serif display    */
  --tracking-normal: 0;

  /* --- Semantic roles --------------------------------------------------- */
  --text-display:  var(--fw-regular) var(--fs-display)/var(--lh-tight) var(--font-serif);
  --text-h1:       var(--fw-bold)    var(--fs-h1)/var(--lh-tight) var(--font-serif);
  --text-h2:       var(--fw-bold)    var(--fs-h2)/var(--lh-snug) var(--font-serif);
  --text-h3:       var(--fw-bold)    var(--fs-h3)/var(--lh-snug) var(--font-sans);
  --text-body-role:var(--fw-regular) var(--fs-body)/var(--lh-relaxed) var(--font-sans);
}