/* ============================================================
   StackForBrands — Typography tokens
   Display: Newsreader (serif, editorial)
   UI/Body: Hanken Grotesk (humanist grotesque)
   Data:    JetBrains Mono (tabular figures)
   ============================================================ */

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

  /* ---- Type scale (1.250 major-third-ish, tuned) ---------- */
  --fs-display-xl: 4.5rem;   /* 72px — hero */
  --fs-display-l:  3.5rem;   /* 56px */
  --fs-display-m:  2.75rem;  /* 44px */
  --fs-h1:         2.25rem;  /* 36px */
  --fs-h2:         1.75rem;  /* 28px */
  --fs-h3:         1.375rem; /* 22px */
  --fs-h4:         1.125rem; /* 18px */
  --fs-body-l:     1.125rem; /* 18px */
  --fs-body:       1rem;     /* 16px */
  --fs-body-s:     0.9375rem;/* 15px */
  --fs-caption:    0.8125rem;/* 13px */
  --fs-overline:   0.75rem;  /* 12px */

  /* ---- Weights -------------------------------------------- */
  --fw-regular: 400;  /* @kind font */
  --fw-medium:  500;  /* @kind font */
  --fw-semibold:600;  /* @kind font */
  --fw-bold:    700;  /* @kind font */
  --fw-display: 600;  /* @kind font */ /* default for serif headlines */

  /* ---- Line heights --------------------------------------- */
  --lh-tight:   1.05;  /* @kind font */
  --lh-snug:    1.18;  /* @kind font */
  --lh-heading: 1.25;  /* @kind font */
  --lh-body:    1.6;   /* @kind font */
  --lh-relaxed: 1.75;  /* @kind font */

  /* ---- Tracking ------------------------------------------- */
  --ls-tight:   -0.02em;  /* @kind font */
  --ls-snug:    -0.01em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-overline: 0.14em;  /* @kind font */ /* uppercase eyebrows / category labels */
}