/* Eleven Royal Terrace — typography tokens
   Three families, no substitutions needed — all three are on Google Fonts
   and are already used in production (see fonts.css for the @import). */
:root {
  /* ---- Family stacks ---- */
  --font-display: "Cormorant Garamond", "Cormorant", "Didot", "Bodoni 72", serif;   /* body copy, headlines, italics */
  --font-mono: "Italiana", "Didot", serif;                                          /* didone display accent — signatures, monogram */
  --font-ui: "Jost", "Helvetica Neue", system-ui, sans-serif;                       /* nav, labels, buttons, eyebrows — always tracked out */

  /* ---- Weights ---- */
  --weight-light: 300;
  --weight-regular: 400;

  /* ---- Letter-spacing scale (UI family lives at wide tracking) ---- */
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.08em;
  --tracking-label: 0.16em;
  --tracking-eyebrow: 0.22em;
  --tracking-super: 0.32em;

  /* ---- Type scale — fluid, clamp-based ---- */
  --text-display: clamp(48px, 8vw, 120px);      /* hero H1 */
  --text-hero-h1: clamp(60px, 11vw, 168px);      /* full-bleed hero headline */
  --text-section-title: clamp(40px, 5.5vw, 84px);
  --text-h3: clamp(32px, 3.4vw, 56px);
  --text-lede: clamp(20px, 1.6vw, 26px);
  --text-body: 19px;
  --text-body-small: 16px;
  --text-eyebrow: 11px;
  --text-ui: 13px;
  --text-ui-small: 11px;
  --text-caption: 10px;

  --leading-tight: 0.98;
  --leading-snug: 1.05;
  --leading-body: 1.65;
  --leading-lede: 1.5;
}