/* ============================================================
   Preppr — Typography tokens
   Inter throughout. Big confident headlines, generous leading,
   letter-spaced eyebrow labels. Mono only for data / tokens.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Families */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* @kind font */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace; /* @kind font */

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

  /* Fluid display sizes (hero / section headlines) */
  --fs-display:  clamp(2.75rem, 1.6rem + 4.2vw, 4.5rem); /* @kind other */  /* ~44–72 */
  --fs-h1:       clamp(2.25rem, 1.5rem + 2.6vw, 3.25rem); /* @kind other */ /* ~36–52 */
  --fs-h2:       clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); /* @kind other */  /* ~28–40 */
  --fs-h3:       1.5rem; /* @kind font */   /* 24 */
  --fs-h4:       1.25rem; /* @kind font */  /* 20 */

  /* Body / UI */
  --fs-lead:     1.25rem; /* @kind font */  /* 20 — subheads */
  --fs-body:     1rem; /* @kind font */     /* 16 */
  --fs-sm:       0.875rem; /* @kind font */ /* 14 */
  --fs-xs:       0.75rem; /* @kind font */  /* 12 */
  --fs-eyebrow:  0.8125rem; /* @kind font */ /* 13 — letter-spaced caps */

  /* 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 */  /* big headlines */
  --ls-snug:    -0.01em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-eyebrow: 0.16em; /* @kind font */   /* eyebrow / overline caps */
  --ls-wide:    0.04em; /* @kind font */
}