/* ============================================================
   Run Away With Me — Typography tokens
   Three voices: Playfair Display for headlines (serif leads),
   Cattalonia script for the signature accent (signs), Montserrat
   for everything you read (sans supports). Generous scale, calm
   line-heights, wide tracking on eyebrow labels.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-serif:  'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:   'Montserrat', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-script: 'Pinyon Script', 'Snell Roundhand', cursive; /* substitute for Cattalonia */

  /* --- Weights --- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */

  /* --- Display / heading scale (serif) --- */
  --fs-display:  52px;  --lh-display:  1.02; /* @kind font */
  --fs-h1:       42px;  --lh-h1:       1.05; /* @kind font */
  --fs-h2:       32px;  --lh-h2:       1.12; /* @kind font */
  --fs-h3:       22px;  --lh-h3:       1.2;  /* @kind font */
  --fs-h4:       17px;  --lh-h4:       1.3;  /* @kind font */

  /* --- Body scale (sans) --- */
  --fs-lead:     18px;  --lh-lead:     1.7;  /* @kind font */
  --fs-body:     15px;  --lh-body:     1.6;  /* @kind font */
  --fs-small:    13px;  --lh-small:    1.55; /* @kind font */
  --fs-caption:  11.5px;--lh-caption:  1.5;  /* @kind font */

  /* --- Eyebrow / label --- */
  --fs-eyebrow:  11px;         /* @kind font */
  --tracking-eyebrow: 0.22em;  /* @kind font */
  --tracking-wide:    0.06em;  /* @kind font */
  --tracking-normal:  0;       /* @kind font */

  /* --- Semantic aliases --- */
  --type-display: var(--fw-semibold) var(--fs-display)/var(--lh-display) var(--font-serif); /* @kind font */
  --type-h1:      var(--fw-semibold) var(--fs-h1)/var(--lh-h1) var(--font-serif); /* @kind font */
  --type-h2:      var(--fw-semibold) var(--fs-h2)/var(--lh-h2) var(--font-serif); /* @kind font */
  --type-h3:      var(--fw-semibold) var(--fs-h3)/var(--lh-h3) var(--font-serif); /* @kind font */
  --type-body:    var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-sans); /* @kind font */
  --type-lead:    var(--fw-regular) var(--fs-lead)/var(--lh-lead) var(--font-sans); /* @kind font */
}