/* ============================================================
   TYPOGRAPHY — Quraishi Law & Wealth
   Display serif = Cormorant Garamond · UI/body sans = Montserrat
   ============================================================ */
:root {
  /* --- Families --- */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans:  'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;

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

  /* --- Type scale --- */
  /* Display (serif) — hero headlines, slide titles */
  --text-display-xl: 72px;
  --text-display-lg: 56px;
  --text-display-md: 44px;
  --text-display-sm: 34px;

  /* Headings (serif) */
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 24px;
  --text-h4: 20px;

  /* Body & UI (sans) */
  --text-lead:  20px;   /* intro paragraphs */
  --text-body:  16px;   /* default body */
  --text-sm:    14px;
  --text-xs:    12px;

  /* Eyebrow / tagline (sans, uppercase, tracked) — the "LAW & WEALTH" style */
  --text-eyebrow: 13px;

  /* --- Line heights --- */
  --lh-tight:   1.08;   /* @kind other */ /* display */
  --lh-snug:    1.2;    /* @kind other */ /* headings */
  --lh-normal:  1.5;    /* @kind other */ /* body */
  --lh-relaxed: 1.65;   /* @kind other */ /* long-form */

  /* --- Letter spacing --- */
  --ls-tight:   -0.02em;  /* large serif display @kind other */
  --ls-normal:  0;        /* @kind other */
  --ls-wide:    0.04em;   /* @kind other */
  --ls-eyebrow: 0.18em;   /* uppercase tagline / eyebrow @kind other */
}