:root{
  /* ── Families ─────────────────────────────────────────────────── */
  --font-serif-display:'Fraunces',Georgia,serif;  /* always italic, always 300 */
  --font-sans:'Quicksand',sans-serif;             /* body, buttons, fields */
  --font-hand:'Caveat',cursive;                   /* signatures, captions */
  --font-mono:'DM Mono',monospace;                /* email, kickers, © */

  /* ── Semantic roles ───────────────────────────────────────────── */
  --font-heading:var(--font-serif-display);
  --font-body:var(--font-sans);
  --font-caption:var(--font-hand);
  --font-technical:var(--font-mono);

  /* ── Sizes (source uses rem, kept verbatim) ───────────────────── */
  --size-hero:3.4rem;         /* .hero-title */
  --size-hero-sm:2.6rem;      /* .hero-title @ <=580px */
  --size-sig:2.6rem;          /* xo, Sophie */
  --size-h2:2.1rem;           /* about heading */
  --size-h2-beta:2rem;        /* beta title */
  --size-h3:1.55rem;          /* connect title */
  --size-success:1.55rem;     /* Caveat success line */
  --size-closed-title:1.3rem;
  --size-caption:1.4rem;      /* .pol-caption, Caveat */
  --size-photo-sig:1.1rem;
  --size-note:1rem;           /* .vpol-note, scroll hint */
  --size-reqs-title:1rem;
  --size-body:0.95rem;        /* about body */
  --size-hero-sub:0.9rem;
  --size-field:0.9rem;
  --size-btn:0.9rem;
  --size-check:0.88rem;
  --size-beta-sub:0.87rem;
  --size-body-sm:0.84rem;     /* connect body */
  --size-reqs-sub:0.82rem;
  --size-closed-body:0.8rem;
  --size-error:0.8rem;
  --size-link:0.78rem;
  --size-credit:0.75rem;
  --size-label:0.74rem;       /* .label eyebrow */
  --size-kicker:0.68rem;
  --size-copyright:0.68rem;

  /* ── Weights ──────────────────────────────────────────────────── */
  --weight-display:300; /* @kind font */       /* Fraunces is only ever 300 */
  --weight-body:500; /* @kind font */          /* Quicksand body is 500, not 400 */
  --weight-medium:600; /* @kind font */
  --weight-bold:700; /* @kind font */          /* buttons, Caveat signature */

  /* ── Line heights ─────────────────────────────────────────────── */
  --leading-hero:1.05; /* @kind font */
  --leading-title:1.2; /* @kind font */
  --leading-heading:1.25; /* @kind font */
  --leading-tight:1.6; /* @kind font */
  --leading-snug:1.65; /* @kind font */
  --leading-body:1.7; /* @kind font */
  --leading-loose:1.8; /* @kind font */        /* about body */

  /* ── Tracking ─────────────────────────────────────────────────── */
  --tracking-hero:-0.02em; /* @kind font */
  --tracking-btn:0.04em; /* @kind font */
  --tracking-sub:0.06em; /* @kind font */
  --tracking-kicker:0.22em; /* @kind font */
  --tracking-label:0.3em; /* @kind font */     /* the widest: eyebrow labels */
}