:root {
  /* — Families — */
  --font-serif: 'Cormorant Garamond', 'Times New Roman', serif;   /* wordmark + elegant headings */
  --font-didone: 'Bodoni Moda', 'Didot', serif;                   /* high-impact display caps */
  --font-script: 'Parisienne', cursive;                           /* accent script, one line max */
  --font-sans: 'Jost', 'Century Gothic', sans-serif;              /* labels, UI, body */

  /* — Sizes (rem) — */
  --text-xs: 0.75rem;      /* 12 — micro labels, legal */
  --text-sm: 0.875rem;     /* 14 — UI, captions */
  --text-base: 1rem;       /* 16 — body */
  --text-lg: 1.1875rem;    /* 19 — lead paragraph */
  --text-xl: 1.5rem;       /* 24 — card titles (serif) */
  --text-2xl: 2rem;        /* 32 — section headings */
  --text-3xl: 2.75rem;     /* 44 — page headings */
  --text-4xl: 4rem;        /* 64 — hero display */
  --text-script-lg: 2.5rem;/* 40 — script accents */

  /* — Weights — */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* — Line heights — */
  --leading-tight: 1.08;   /* display serif */
  --leading-snug: 1.3;     /* headings */
  --leading-body: 1.65;    /* body copy */

  /* — Tracking — */
  --tracking-caps: 0.32em;     /* "AESTHETICS" lockup caps */
  --tracking-label: 0.18em;    /* buttons, overlines */
  --tracking-wide: 0.06em;     /* sans body */
  --tracking-serif: 0.01em;
}