/* ============================================================
   TYPE SYSTEM — slajob.dev
   Newsreader (serif) headlines · Public Sans (body/UI) ·
   JetBrains Mono (code, labels, metadata)
   ============================================================ */

:root {
  /* families */
  --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-sans:  'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* weights */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;

  /* fluid display sizes (serif) */
  --text-display:  clamp(2.75rem, calc(1.6rem + 4.6vw), 4.5rem);  /* hero */
  --text-h1:       clamp(2.1rem, calc(1.5rem + 2.4vw), 3rem);
  --text-h2:       clamp(1.6rem, calc(1.25rem + 1.5vw), 2.2rem);
  --text-h3:       1.5rem;
  --text-h4:       1.25rem;

  /* UI / body sizes (sans) */
  --text-lead:     1.25rem;   /* intro paragraph */
  --text-base:     1rem;      /* 16px body */
  --text-sm:       0.875rem;
  --text-xs:       0.8125rem;

  /* mono / label sizes */
  --text-label:    0.75rem;   /* uppercase eyebrow / metadata */
  --text-code:     0.9375rem;

  /* line heights */
  --leading-tight:  1.08;
  --leading-snug:   1.3;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* letter spacing */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-label:   0.12em;   /* mono eyebrows */
}