/* ============================================================
   Emmunity — Typography tokens
   TWO families: Poppins for all UI; Kollektif (Bold) for big
   NUMERALS — dates, coverage scores, flight codes, fares. Headings
   are heavy and tight; UI labels semibold; body regular.
   ============================================================ */
:root {
  --font-sans: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: var(--font-sans);   /* same family, heavier weights */
  --font-num: 'Kollektif', 'Poppins', system-ui, sans-serif;  /* big numerals */

  /* ---- Weights -------------------------------------------- */
  --fw-regular:  400;   /* @kind font */
  --fw-medium:   500;   /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold:     700;   /* @kind font */
  --fw-black:    800;   /* @kind font */

  /* ---- Type scale (mobile-first product UI) --------------- */
  --fs-display: 30px;   /* screen title — “Health Schedule”      */
  --fs-h1:      24px;   /* section heads — “Today”, card titles  */
  --fs-h2:      20px;
  --fs-title:   18px;   /* appointment title                      */
  --fs-body:    16px;   /* default body / button label            */
  --fs-label:   14px;   /* secondary line — location, meta         */
  --fs-meta:    13px;   /* timeline times, captions                */
  --fs-micro:   11px;   /* tab labels, overlines                   */

  /* ---- Line heights --------------------------------------- */
  --lh-tight:   1.1;    /* @kind font */
  --lh-snug:    1.3;    /* @kind font */
  --lh-normal:  1.5;    /* @kind font */

  /* ---- Letter spacing ------------------------------------- */
  --ls-tight:  -0.02em; /* @kind font */
  --ls-normal:  0;      /* @kind font */
  --ls-wide:    0.06em; /* @kind font */

  /* ---- Semantic roles ------------------------------------- */
  --text-display-size:   var(--fs-display);
  --text-display-weight: var(--fw-bold);
  --text-heading-size:   var(--fs-h1);
  --text-heading-weight: var(--fw-bold);
  --text-title-size:     var(--fs-title);
  --text-title-weight:   var(--fw-semibold);
  --text-body-size:      var(--fs-body);
  --text-body-weight:    var(--fw-regular);
  --text-label-weight:   var(--fw-medium);
}