/* ── Typography ──────────────────────────────────────────────────────────
   Two families:
   • Lora (serif)  — display, headings, pull-quotes, large numerals. Timeless,
     legal gravitas; the "voice" of the brand.
   • Mulish (sans) — body copy, UI, and all-caps LABELS/eyebrows/nav/buttons
     set with wide tracking (the reference-firm signature).
   Casing rule: headings are sentence case in serif; eyebrows, nav items,
   button text and metadata are UPPERCASE sans with letter-spacing. */
:root {
  --font-serif: "Lora", Georgia, "Times New Roman", serif;
  --font-sans:  "Mulish", system-ui, -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 */

  /* Tracking — eyebrows/labels, nav/buttons, large serif display */
  --tracking-label: 0.18em; /* @kind font */
  --tracking-nav:   0.10em; /* @kind font */
  --tracking-tight: -0.01em; /* @kind font */

  /* Type scale (rem; clamp() sizes marked "other" so the value isn't
     mis-parsed as a font family) */
  --fs-display:  clamp(2.75rem, 1.6rem + 4vw, 4.5rem); /* @kind other */
  --fs-h1:       clamp(2.25rem, 1.6rem + 2.4vw, 3.25rem); /* @kind other */
  --fs-h2:       clamp(1.75rem, 1.35rem + 1.4vw, 2.375rem); /* @kind other */
  --fs-h3:       1.5rem; /* @kind font */
  --fs-h4:       1.25rem; /* @kind font */
  --fs-lead:     1.25rem; /* @kind font */
  --fs-body:     1.0625rem; /* @kind font */
  --fs-small:    0.9375rem; /* @kind font */
  --fs-eyebrow:  0.8125rem; /* @kind font */
  --fs-caption:  0.8125rem; /* @kind font */
  --fs-micro:    0.6875rem; /* @kind font */

  /* Line heights */
  --lh-tight: 1.12; /* @kind font */
  --lh-heading: 1.2; /* @kind font */
  --lh-body: 1.65; /* @kind font */
  --lh-snug: 1.4; /* @kind font */

  /* Semantic type aliases */
  --type-display-family: var(--font-serif);
  --type-heading-family: var(--font-serif);
  --type-body-family: var(--font-sans);
  --type-label-family: var(--font-sans);
}