/* ============================================================
   PeopleTalk Design System — Typography Tokens
   ============================================================ */

:root {
  /* --- Families (CPHR Brand Standards) ---------------------- *
     Primary:   Avenir Next (Regular & Bold) — self-hosted webfont, mirrored
                from the licensed copy on cphrbc.ca (see assets/fonts/fonts.css).
     Secondary: Playfair Display Bold — editorial headlines (Google Fonts).
     'Montserrat' remains only as a local last-resort fallback name; it is no
     longer downloaded now that Avenir Next ships with the theme.              */
  --font-sans:  'Avenir Next', 'Avenir', 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  /* "mono" is retained as the token name for eyebrows/labels/meta, but now
     resolves to Avenir Next Condensed (uppercase + tracking) per brand —
     IBM Plex Mono is retired. */
  --font-mono:  'PT Label', 'Avenir Next', 'Montserrat', sans-serif; /* see fonts.css */
  --font-serif: var(--font-display-serif);

  /* Semantic family aliases */
  --font-display: var(--font-display-serif); /* article headlines, hero */
  --font-body:    var(--font-sans);  /* UI, captions, decks */
  --font-article: var(--font-sans); /* long-form reading body */
  --font-kicker:  var(--font-mono);  /* eyebrows / labels */

  /* --- Type scale (fluid-ish, fixed px steps) --------------- */
  /* 14px floor site-wide (iilo accessibility review, Oct 2026): the two
     smallest steps now resolve to the Small size; kept as names so
     existing references stay valid. */
  --text-2xs: 0.875rem;  /* 14px (was 11) */
  --text-xs:  0.875rem;  /* 14px (was 12) */
  --text-sm:  0.875rem;  /* 14px */
  --text-base:1rem;      /* 16px */
  --text-md:  1.125rem;  /* 18px */
  --text-lg:  1.3125rem; /* 21px */
  --text-xl:  1.625rem;  /* 26px */
  --text-2xl: 2rem;      /* 32px */
  --text-3xl: 2.5rem;    /* 40px */
  --text-4xl: 3.25rem;   /* 52px */
  --text-5xl: 4.25rem;   /* 68px */
  --text-6xl: 5.5rem;    /* 88px */

  /* --- Weights --------------------------------------------- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold:600;
  --weight-bold:    700;
  --weight-black:   800;

  /* --- Line heights ---------------------------------------- */
  --leading-tight:   1.08;
  --leading-snug:    1.2;
  --leading-display: 1.05;
  --leading-normal:  1.45;
  --leading-relaxed: 1.65; /* article reading */

  /* --- Letter spacing -------------------------------------- */
  --tracking-tighter: -0.03em;
  --tracking-tight:   -0.015em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;
  --tracking-kicker:  0.14em; /* uppercase eyebrows */
}