/* ============================================================
   Mo's Law Office — Typography Tokens
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body:    'Mulish', -apple-system, 'Segoe UI', sans-serif;

  /* Weights */
  --fw-light: 300;    /* @kind font */
  --fw-regular: 400;  /* @kind font */
  --fw-medium: 500;   /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700;     /* @kind font */

  /* Display scale (serif, tight leading) */
  --text-display:  clamp(3rem, 6vw, 5rem);   /* 48–80px hero */
  --text-h1:       3rem;     /* 48 */
  --text-h2:       2.25rem;  /* 36 */
  --text-h3:       1.625rem; /* 26 */
  --text-h4:       1.25rem;  /* 20 */

  /* Body scale (sans) */
  --text-lead:     1.25rem;   /* 20 — intros */
  --text-base:     1rem;      /* 16 */
  --text-sm:       0.875rem;  /* 14 */
  --text-xs:       0.75rem;   /* 12 */

  /* Eyebrow / label (uppercase, tracked) */
  --tracking-eyebrow: 0.18em; /* @kind font */
  --tracking-wide:    0.06em; /* @kind font */

  /* Line heights */
  --lh-tight: 1.08; /* @kind font */
  --lh-snug:  1.25; /* @kind font */
  --lh-body:  1.65; /* @kind font */
}