:root {

  /* ═══════════════════════════════════════
     FONT FAMILIES
     ═══════════════════════════════════════ */

  --font-script:  'Pinyon Script', cursive;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'EB Garamond', Georgia, serif;

  /* ═══════════════════════════════════════
     TYPE SCALE — DESKTOP
     ═══════════════════════════════════════ */

  --text-couple:          72px;   /* hero couple names           */
  --text-script-eyebrow:  40px;   /* Pinyon Script flourish      */
  --text-h1:              56px;   /* page titles                 */
  --text-h2:              36px;   /* section titles              */
  --text-h3:              24px;   /* card titles                 */
  --text-label:           13px;   /* eyebrows, small-caps labels */
  --text-body:            18px;   /* default paragraph           */
  --text-small:           15px;   /* captions, footnotes         */
  --text-button:          16px;   /* button text                 */

  /* ═══════════════════════════════════════
     TYPE SCALE — MOBILE (< 768px)
     ═══════════════════════════════════════ */

  --text-couple-mobile:          44px;
  --text-script-eyebrow-mobile:  28px;
  --text-h1-mobile:              36px;
  --text-h2-mobile:              28px;
  --text-h3-mobile:              22px;
  --text-label-mobile:           12px;
  --text-body-mobile:            17px;
  --text-small-mobile:           14px;

  /* ═══════════════════════════════════════
     LINE HEIGHTS
     ═══════════════════════════════════════ */

  --leading-display:  1.05;
  --leading-heading:  1.1;
  --leading-card:     1.3;
  --leading-body:     1.7;
  --leading-caption:  1.6;

  /* ═══════════════════════════════════════
     LETTER SPACINGS
     ═══════════════════════════════════════ */

  --tracking-display: 0.01em;
  --tracking-body:    0em;
  --tracking-label:   0.18em;  /* small-caps, eyebrows  */
  --tracking-button:  0.06em;

  /* ═══════════════════════════════════════
     MEASURE
     ═══════════════════════════════════════ */

  --prose-width:    680px;    /* max body text column  */
  --content-width:  1120px;   /* max page content      */
}