/* ==========================================================================
   Typography — The Business of Luxury
   Instrument Serif for everything editorial (display, headings, quotes).
   Aileron for body, UI, and the wide-tracked uppercase "eyebrow" labels
   that appear beneath every headline in the brand's assets.
   ========================================================================== */
:root {
  /* --- Families -------------------------------------------------------- */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Aileron', 'Helvetica Neue', Arial, sans-serif;
  --font-script:  'BoL Script', 'Old Money', cursive; /* accent only — one or two words, never a sentence */

  /* --- Display / editorial scale (Instrument Serif) -------------------- */
  --text-mega:    168px;  /* v2 — tall caps lockups on dark/photo heroes */
  --text-display: 88px;   /* hero wordmark-scale headline */
  --text-h1:      64px;
  --text-h2:      46px;
  --text-h3:      33px;
  --text-h4:      26px;
  --text-quote:   38px;   /* pull-quotes, always allow italic */

  /* --- Body / UI scale (Aileron) --------------------------------------- */
  --text-lead:    21px;   /* opening paragraph */
  --text-body:    17px;
  --text-small:   15px;
  --text-caption: 13px;

  /* --- Eyebrow (uppercase, wide-tracked sans) -------------------------- */
  --text-eyebrow: 14px;
  --tracking-eyebrow: 0.22em;   /* the signature widely-spaced caps */
  --tracking-caps:    0.08em;
  --tracking-running: 0.24em;   /* running header: tiny caps, very wide */
  --text-running:     10px;

  /* --- v2 · Tall caps lockup (Instrument Serif, horizontally squeezed) - */
  --caps-squeeze:  0.74; /* @kind other */   /* scaleX applied to caps lockups for the tall, high-waisted look */
  --caps-leading:  0.9;
  --caps-tracking: 0.01em;
  --text-script-accent: 1.1em; /* script words sit ~10% larger than the serif they lead */

  /* --- Weights --------------------------------------------------------- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  600;
  --weight-bold:    700;

  /* --- Line heights ---------------------------------------------------- */
  --leading-display: 1.02;   /* headlines set tight */
  --leading-heading: 1.1;
  --leading-body:    1.6;
  --leading-tight:   1.3;
}
