/* ============================================================
   BioTrends EM — TYPOGRAPHY TOKENS
   Display/UI  : Montserrat   (headings, eyebrows, buttons, nav, labels)
   Body        : Source Sans 3 (paragraphs, UI text, captions)
   Data        : Source Sans 3 (CFU values, IDs, codes, audit data)
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-data:    'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    var(--font-data); /* alias: lo referenzia il bundle generato */

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

  /* ---- Type scale (px values; 16px base) ---- */
  --fs-display-xl: 64px;
  --fs-display:    52px;
  --fs-h1:         40px;
  --fs-h2:         32px;
  --fs-h3:         24px;
  --fs-h4:         20px;
  --fs-body-lg:    18px;
  --fs-body:       16px;
  --fs-body-sm:    14px;
  --fs-caption:    13px;
  --fs-eyebrow:    12px;

  /* ---- Line heights ---- */
  --lh-tight:   1.08;  /* @kind font */
  --lh-heading: 1.18;  /* @kind font */
  --lh-snug:    1.4; /* @kind font */
  --lh-body:    1.6;   /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:   -0.02em;  /* large display @kind font */
  --ls-heading: -0.01em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-eyebrow: 0.14em;   /* uppercase eyebrows / labels @kind font */
  --ls-button:  0.01em; /* @kind font */

  /* ============================================================
     SEMANTIC ROLE ALIASES
     ============================================================ */
  /* Display & headings → Montserrat */
  --role-display-family: var(--font-display);
  --role-heading-family: var(--font-display);
  /* Body & UI → Source Sans 3 */
  --role-body-family:    var(--font-body);
  /* Eyebrows / overlines → Montserrat, uppercase, tracked */
  --role-eyebrow-family: var(--font-display);
}