/* PS1-Seattle — Typography System
   ---------------------------------------------------------------
   Two families do all the work:
   • Playfair Display (serif)  → editorial display headlines, stat
     numbers, leader names. High-trust, premium, "letterhead" feel.
   • Outfit (sans)             → all UI, body copy, labels, nav.
   Mono is reserved for data/telemetry (license #s, donate handles,
   live timestamps).
   Signature move: small UPPERCASE gold "eyebrow" tags with wide
   letter-spacing sit above every serif section title.
   ---------------------------------------------------------------*/

:root {
  /* ---- Families ---- */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', Consolas, Menlo, monospace;

  /* Semantic family aliases */
  --font-display: var(--font-serif);
  --font-body: var(--font-sans);
  --font-ui: var(--font-sans);
  --font-data: var(--font-mono);

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

  /* ---- Display / heading scale (serif) ---- */
  --text-hero-size: clamp(42px, 6.4vw, 82px);   /* hero headline */
  --text-display: 40px;                          /* section titles */
  --text-h2: 36px;                               /* panel titles */
  --text-h3: 24px;                               /* card / leader names */
  --text-h4: 20px;                               /* service titles */
  --text-stat: 48px;                             /* big stat numbers */

  /* ---- Body scale (sans) ---- */
  --text-lead: 19px;     /* hero/intro lead paragraph */
  --text-body-lg: 17px;
  --text-body-md: 16px;  /* default body */
  --text-body-sm: 15px;
  --text-caption: 13px;
  --text-micro: 11px;

  /* ---- Eyebrow / tag (the signature label) ---- */
  --text-eyebrow: 14px;
  --tracking-eyebrow: 4px;        /* section-tag letter-spacing */
  --tracking-label: 2px;          /* stat-label / kicker */
  --tracking-nav: 1.5px;          /* nav links */
  --tracking-wordmark: 2.2px;

  /* ---- Line heights ---- */
  --leading-tight: 1.1;    /* display headlines */
  --leading-snug: 1.3;
  --leading-normal: 1.6;   /* body copy (root default) */
  --leading-relaxed: 1.7;  /* intro paragraphs */
}