/* ─────────────────────────────────────────────────────────────
   theLoroX · TYPOGRAPHY SYSTEM
   Three families · fixed roles · they never swap.
   Weight ceiling 400, ALWAYS. 500/600/700 break the register.
   Body metrics derive from φ (golden ratio).
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Families ── */
  --serif: 'Cormorant', Georgia, serif; /* @kind font */              /* MEANING — display, quotes, italic emphasis, the voice */
  --sans:  'Jost', system-ui, sans-serif; /* @kind font */            /* STRUCTURE — nav, eyebrows, labels, buttons            */
  --hv:    'Helvetica Neue', Helvetica, Arial, sans-serif; /* @kind font */ /* DETAIL — body, institutional, legal             */

  /* ── Weights · 400 is the ceiling ── */
  --w-thin:    200; /* @kind font */   /* Jost only            */
  --w-regular: 300; /* @kind font */   /* default everywhere   */
  --w-medium:  400; /* @kind font */   /* ceiling · never more */

  /* ── Body metrics · φ-derived (8 × φ = 12.944px) ── */
  --body-size: 12.944px; /* @kind font */
  --body-lh:   1.7639; /* @kind font */
  --body-ls:   0.01618em; /* @kind font */

  /* ── Letter-spacing scale ── */
  --ls-mark:    0.40em; /* @kind font */   /* brand wordmark        */
  --ls-eyebrow: 0.24em; /* @kind font */   /* .stag labels          */
  --ls-nav:     0.20em; /* @kind font */   /* nav items             */
  --ls-role:    0.20em; /* @kind font */   /* card role lines       */
  --ls-sub:     0.14em; /* @kind font */   /* dropdown sub-items    */

  /* ── Display fluid sizes ── */
  --fs-display: clamp(64px, 9vw, 120px); /* @kind font */   /* hero / entry heading   */
  --fs-section: clamp(48px, 6.5vw, 90px); /* @kind font */  /* .sh section heading    */
  --fs-quote:   clamp(24px, 3.2vw, 38px); /* @kind font */  /* pull quote             */
  --fs-ssub:    clamp(18px, 2vw, 24px); /* @kind font */    /* italic gold subhead    */
}