/* ==========================================================================
   Peoplos — Typography tokens
   Two voices: Fraunces brings warmth and personality to headings and
   greetings; Geist keeps the interface crisp and legible. Instrument Sans (bold)
   handles metadata, timestamps, captions, and system labels.
   @font-face rules live in ./fonts.css.
   ========================================================================== */

:root {
  /* ---------- Families ---------- */
  --pp-font-display: 'Fraunces', 'Georgia', serif;                 /* greetings, titles, hero */
  --pp-font-sans:    'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* UI / body */
  --pp-font-mono:    'Instrument Sans', 'Geist', -apple-system, BlinkMacSystemFont, sans-serif; /* meta, captions, labels, timestamps */

  /* ---------- Weights ---------- */
  --pp-w-light:    300; /* @kind other */
  --pp-w-regular:  400; /* @kind other */
  --pp-w-medium:   500; /* @kind other */
  --pp-w-semibold: 600; /* @kind other */
  --pp-w-bold:     700; /* @kind other */

  /* ---------- Display / Fraunces (size · line-height · weight · tracking) ---------- */
  --pp-font-display-xl: 600 52px/1.02 var(--pp-font-display); /* hero — "People, handled." */
  --pp-font-display-l:  600 30px/1.1  var(--pp-font-display); /* H2 / section heading */
  --pp-font-display-m:  600 27px/1.12 var(--pp-font-display); /* hero question */
  --pp-tracking-display: -0.02em;

  /* ---------- UI / Geist ---------- */
  --pp-font-title:    600 15.5px/1.35 var(--pp-font-sans); /* card title */
  --pp-font-body:     400 14px/1.6    var(--pp-font-sans); /* body copy */
  --pp-font-body-lg:  400 16px/1.6    var(--pp-font-sans); /* hero body / lead */
  --pp-font-label:    600 13px/1.4    var(--pp-font-sans); /* button / control label */
  --pp-font-small:    400 12.5px/1.5  var(--pp-font-sans); /* small print */

  /* ---------- Meta / Instrument Sans (bold) ---------- */
  --pp-font-caption:  700 11px/1.4 var(--pp-font-mono);   /* UPPERCASE section captions */
  --pp-font-meta:     700 11px/1.4 var(--pp-font-mono);   /* timestamps, ids */
  --pp-tracking-caption: 0.06em;

  --pp-tracking-tag: 0.04em; /* uppercase role tags */
}