/* ============================================================
   Entirely — Typography tokens
   Source: Entirely Brand Playbook (Mar 2026), §5 Typography
   ------------------------------------------------------------
   House face Bagoss Standard is self-hosted (see fonts.css).
   Outfit is the brand's real sans (used for H3 / body).
   Hierarchy spec preserved as tokens (sizes converted pt→px ~1:1.333
   where used on screen; brand pt values noted in comments).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Bagoss Standard', Georgia, 'Times New Roman', serif;
  --font-sans:    'Outfit', 'Aptos', 'Calibri', system-ui, sans-serif;
  --font-body:    var(--font-sans);

  /* ---- Weights ---- */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  /* ---- Type scale (screen px) ---- */
  --fs-display:  4rem;     /* 64px — H1 oversized headline (Bagoss Light) */
  --fs-hero:     2rem;     /* 32px — Hero headline (Bagoss SemiBold) */
  --fs-h2:       1.75rem;  /* 28px — Subheadline (Bagoss Medium) */
  --fs-h3:       1.125rem; /* 18px — Outfit Medium, tracked */
  --fs-h4:       1.25rem;  /* 20px — Display Bold, tracked */
  --fs-body-lg:  1.25rem;  /* 20px — Hero paragraph */
  --fs-body:     1rem;     /* 16px — UI body (brand spec 12pt print) */
  --fs-small:    0.875rem; /* 14px */
  --fs-caption:  0.75rem;  /* 12px — caption / attribution */
  --fs-stat:     9.375rem; /* 150px — large infographic numbers */
  --fs-stat-md:  4.375rem; /* 70px — medium statistics */

  /* ---- Line heights ---- */
  --lh-display: 1.15;   /* @kind other */
  --lh-tight:   1.2;    /* @kind other */
  --lh-heading: 1.22;   /* @kind other */
  --lh-body:    1.5;    /* @kind other */

  /* ---- Tracking (letter-spacing) ---- */
  --tracking-tight:  0;
  --tracking-h3:     0.01em;   /* brand 10 */
  --tracking-body:   0.015em;  /* brand 25 */
  --tracking-cta:    0.08em;   /* brand 50 — CTA all-caps */
  --tracking-caption:0.05em;
}