/* 4A Group — Typography
   Playfair Display for all headings (often italic for the accented word).
   Outfit for body, labels, and the signature uppercase tracked eyebrows. */
:root {
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', system-ui, -apple-system, 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 */
  --fw-black: 800; /* @kind font */

  /* Display scale (Playfair, fluid) */
  --text-hero: clamp(3rem, 6vw, 6rem);      /* 48 → 96 */
  --text-h1: clamp(2.5rem, 4.5vw, 3.75rem); /* 40 → 60 */
  --text-h2: clamp(2rem, 3.5vw, 3rem);      /* 32 → 48 */
  --text-h3: clamp(1.5rem, 2vw, 1.875rem);  /* 24 → 30 */
  --text-h4: 1.5rem;                        /* 24 */

  /* Body scale (Outfit) */
  --text-lead: 1.125rem;  /* 18 */
  --text-base: 1rem;      /* 16 */
  --text-sm: 0.875rem;    /* 14 */
  --text-xs: 0.75rem;     /* 12 */

  /* Line heights */
  --leading-display: 1.1; /* @kind font */
  --leading-tight: 1.2; /* @kind font */
  --leading-body: 1.7; /* @kind font */

  /* Letter spacing — the eyebrow labels are the brand's signature */
  --tracking-eyebrow: 0.3em; /* @kind font */
  --tracking-label: 0.2em; /* @kind font */
  --tracking-wide: 0.1em; /* @kind font */
  --tracking-normal: 0; /* @kind font */
}