/* ============================================================
   GUMMI WORLD, TYPOGRAPHY TOKENS
   Heritage: Nunito (headlines) + Lato (body).
   Rebrand direction is clinical / lab-grade / geometric, so the
   rounded Nunito display is evolved to Archivo (engineered
   grotesque). Lato is retained as the workhorse to preserve
   heritage + serve the warmer "consumer quality" register.
   IBM Plex Mono carries data: lot #s, cert IDs, dosages, specs.
   Loaded via Google Fonts (see fonts.css). Font binaries are
   NOT self-hosted, see readme caveat.
   ============================================================ */
:root {
  /* Families */
  --font-display: "Archivo", "Arial Narrow", sans-serif;
  --font-body:    "Lato", -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;

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

  /* Tracking (Illustrator kerning 40 ≈ 0.04em on the wordmark) */
  --tracking-tight:  -0.02em; /* @kind font */
  --tracking-normal: 0;       /* @kind font */
  --tracking-wide:   0.04em;  /* @kind font */
  --tracking-caps:   0.12em;  /* @kind font */ /* eyebrows / all-caps labels */
  --tracking-data:   0.02em;  /* @kind font */

  /* Line heights */
  --lh-tight: 1.05; /* @kind font */
  --lh-snug:  1.2;  /* @kind font */
  --lh-body:  1.55; /* @kind font */
  --lh-loose: 1.7;  /* @kind font */

  /* Type scale (rem, 16px base) ----------------------------- */
  --fs-display-xl: 4.5rem;   /* 72, hero                       */
  --fs-display-l:  3.5rem;   /* 56                              */
  --fs-display-m:  2.75rem;  /* 44                              */
  --fs-h1: 2.25rem;          /* 36                              */
  --fs-h2: 1.75rem;          /* 28                              */
  --fs-h3: 1.375rem;         /* 22                              */
  --fs-h4: 1.125rem;         /* 18                              */
  --fs-lead: 1.25rem;        /* 20, intros                     */
  --fs-body: 1rem;           /* 16                              */
  --fs-sm: 0.875rem;         /* 14                              */
  --fs-xs: 0.75rem;          /* 12, eyebrows, captions         */
  --fs-data: 0.8125rem;      /* 13, mono spec data             */
}
