/* ============================================================
   TYPOGRAPHY — La Clinique Des Femmes
   Three families:
     · Quicksand          — brand & UI headings (rounded geometric, logo-coherent)
     · Cormorant Garamond — editorial display serif (luxury, large sizes only)
     · Mulish             — body copy & interface text
   Type scale is gentle and airy; generous line-height; wide
   tracking on brand headings echoes the spaced logo wordmark.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Quicksand', 'Trebuchet MS', system-ui, sans-serif;
  --font-serif:   'Cormorant Garamond', 'Georgia', serif;
  --font-body:    '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 */

  /* ---- Type scale (rem, 16px base) ---- */
  --text-2xs: 0.6875rem;  /* 11px  overline / legal */
  --text-xs:  0.75rem;    /* 12px  meta, captions */
  --text-sm:  0.875rem;   /* 14px  secondary UI */
  --text-base:1rem;       /* 16px  body */
  --text-md:  1.125rem;   /* 18px  lead body */
  --text-lg:  1.375rem;   /* 22px  small headings */
  --text-xl:  1.75rem;    /* 28px  H3 */
  --text-2xl: 2.25rem;    /* 36px  H2 */
  --text-3xl: 3rem;       /* 48px  H1 */
  --text-4xl: 4rem;       /* 64px  hero serif */
  --text-5xl: 5.25rem;    /* 84px  oversized display */

  /* ---- Line heights ---- */
  --lh-tight:   1.1; /* @kind font */
  --lh-snug:    1.25; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tight:   -0.01em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.04em; /* @kind font */
  --ls-wider:   0.12em;   /* brand overlines, logo echo @kind font */
  --ls-widest:  0.22em; /* @kind font */
}