/* ===========================================================================
   Germfree — Typography tokens  (per official Brand Guidelines)
   Corporate typeface: Soleil (rounded, well balanced). Arial is the fallback.
   · Headings / cover titles → Soleil Semi Bold in Germfree blue
   · Sub headings           → Soleil Regular in Germfree teal
   · Body copy              → Soleil Light in black
   =========================================================================== */
:root {
  --font-display: 'Soleil', Arial, 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Soleil', Arial, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    ui-monospace, 'SFMono-Regular', Menlo, monospace; /* specs/model numbers — not a brand face */

  /* Weights (Soleil: Light 300 · Regular 400 · Semi Bold 600) */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-extra:    700;

  /* Type scale (1.250 major-third) */
  --text-2xs: 0.6875rem; /* 11px */
  --text-xs:  0.75rem;   /* 12px */
  --text-sm:  0.875rem;  /* 14px */
  --text-md:  1rem;      /* 16px — base */
  --text-lg:  1.25rem;   /* 20px */
  --text-xl:  1.5625rem; /* 25px */
  --text-2xl: 1.953rem;  /* 31px */
  --text-3xl: 2.441rem;  /* 39px */
  --text-4xl: 3.052rem;  /* 49px */
  --text-5xl: 3.815rem;  /* 61px */

  /* Line heights */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.5;
  --leading-relaxed: 1.7;

  /* Letter spacing */
  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.14em; /* the "EXPERT ENVIRONMENTS" wide-tracked caps */

  /* Semantic roles */
  --role-hero-family:    var(--font-display);
  --role-hero-weight:    var(--weight-bold);
  --role-hero-size:      var(--text-5xl);
  --role-hero-leading:   var(--leading-tight);

  --role-heading-family: var(--font-display);
  --role-heading-weight: var(--weight-bold);

  --role-eyebrow-family: var(--font-display);
  --role-eyebrow-weight: var(--weight-semibold);
  --role-eyebrow-track:  var(--tracking-caps);

  --role-body-family:    var(--font-body);
  --role-body-weight:    var(--weight-regular);
  --role-body-size:      var(--text-md);
  --role-body-leading:   var(--leading-relaxed);
}