/* ============================================================
   Photobooth Goa — Typography Tokens
   Display: Syne (600–800) · Body: Plus Jakarta Sans (400–700)
   ============================================================ */
:root {
  --font-display: 'Syne', 'Trebuchet MS', sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

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

  /* Fluid display scale (headings use --font-display) */
  --text-hero: clamp(2.75rem, 6vw, 5rem);     /* 44 → 80 */
  --text-h1: clamp(2.25rem, 4.5vw, 3.5rem);   /* 36 → 56 */
  --text-h2: clamp(1.75rem, 3vw, 2.5rem);     /* 28 → 40 */
  --text-h3: clamp(1.375rem, 2vw, 1.75rem);   /* 22 → 28 */
  --text-h4: 1.25rem;                          /* 20 */

  /* Body scale */
  --text-lead: 1.25rem;    /* 20 — intro paragraphs */
  --text-base: 1rem;       /* 16 */
  --text-sm: 0.875rem;     /* 14 */
  --text-xs: 0.75rem;      /* 12 — labels, captions */

  /* Eyebrow / overline */
  --text-eyebrow: 0.8125rem; /* 13 */

  /* Line heights */
  --lh-tight: 1.05; /* @kind font */
  --lh-snug: 1.2; /* @kind font */
  --lh-normal: 1.6; /* @kind font */

  /* Letter spacing */
  --ls-tight: -0.02em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-eyebrow: 0.16em; /* @kind font */
}