/* ==========================================================================
   Ma petite madeleine — Type tokens
   ========================================================================== */

:root {
  /* ---- Families --------------------------------------------------- */
  --font-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-body: 'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;

  /* ---- Tracking ----------------------------------------------------- */
  --tracking-tight: -0.01em;
  --tracking-normal: 0em;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.14em; /* small-caps eyebrow labels, e.g. EXERCICE N°3 */

  /* ---- Display / heading scale (Cormorant Garamond) ------------------ */
  --text-display-xl: 600 68px/1.05 var(--font-display);   /* cover / hero titles */
  --text-display-lg: 600 46px/1.1 var(--font-display);    /* post titles */
  --text-display-md: 600 32px/1.18 var(--font-display);   /* section titles */
  --text-heading: 600 24px/1.28 var(--font-display);      /* card / block headings */
  --text-subheading: 500 italic 20px/1.4 var(--font-display); /* italic subtitles, ledes */

  /* ---- Body scale (EB Garamond) --------------------------------------- */
  --text-body-lg: 400 19px/1.65 var(--font-body);
  --text-body: 400 17px/1.7 var(--font-body);
  --text-body-sm: 400 15px/1.6 var(--font-body);
  --text-caption: 500 13px/1.5 var(--font-body); /* pair with --tracking-caps + uppercase */

  /* ---- Script accent (italic Cormorant, mirrors the gold "Class" mark) */
  --text-script: 500 italic 22px/1.3 var(--font-display);
}