/* The Kurater: Typography tokens
   Montserrat everywhere. Bold = headlines, Medium = subheads/CTA,
   Regular = body. Geometric clarity, generous tracking on labels. */
:root {
  --font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);

  /* -- Weights -- */
  --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-display: 4.5rem;   /* 72: hero statements        */
  --text-h1:      3rem;     /* 48: page titles            */
  --text-h2:      2.25rem;  /* 36: section headers        */
  --text-h3:      1.5rem;   /* 24: card titles            */
  --text-h4:      1.25rem;  /* 20: sub-headers            */
  --text-lg:      1.125rem; /* 18: lead body              */
  --text-base:    1rem;     /* 16: body                   */
  --text-sm:      0.875rem; /* 14: secondary / captions   */
  --text-xs:      0.75rem;  /* 12: labels / eyebrow       */

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

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