/* ============================================================
   Expedition Psychology — Typography tokens
   Headings: Arboria Medium  (substituted → Poppins)
   Body:     Nunito Light
   Brand heading:body size ratio guide ≈ 22 : 12
   ============================================================ */

:root {
  /* ---- Families -------------------------------------------- */
  --font-heading: 'arboria', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Nunito', 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'Nunito', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Weights ---------------------------------------------- */
  /* Body leans LIGHT per brand (Nunito Light = 300).            */
  --weight-body:      300;
  --weight-body-md:   400;
  --weight-body-bold: 600;
  /* Headings use Arboria Medium (the kit ships weight 500 only). */
  --weight-heading:   500;
  --weight-heading-md:500;

  /* ---- Type scale (1.25 major-third-ish, tuned) ------------- */
  --text-2xs:  0.75rem;   /* 12px — captions, legal           */
  --text-xs:   0.8125rem; /* 13px                              */
  --text-sm:   0.9375rem; /* 15px — small body                */
  --text-base: 1.0625rem; /* 17px — default body              */
  --text-lg:   1.25rem;   /* 20px — lead / large body         */
  --text-xl:   1.5rem;    /* 24px — h4 / card title           */
  --text-2xl:  1.9375rem; /* 31px — h3                        */
  --text-3xl:  2.5rem;    /* 40px — h2                        */
  --text-4xl:  3.25rem;   /* 52px — h1                        */
  --text-5xl:  4.25rem;   /* 68px — display                   */
  --text-6xl:  5.5rem;    /* 88px — hero display              */

  /* ---- Line heights ---------------------------------------- */
  --leading-tight:   1.08;
  --leading-snug:    1.22;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* ---- Letter spacing -------------------------------------- */
  --tracking-tight:  -0.02em;
  --tracking-snug:   -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.14em;   /* eyebrows / overline labels   */

  /* ---- Semantic roles -------------------------------------- */
  --display-font:    var(--font-heading);
  --display-weight:  var(--weight-heading);
  --heading-font:    var(--font-heading);
  --body-font:       var(--font-body);
  --body-weight:     var(--weight-body);
  --eyebrow-tracking:var(--tracking-caps);
}
