/* ===========================================================================
   Get Responsive — Typography tokens
   Bold koppen (Poppins), heldere tekst (Inter), data in mono (JetBrains Mono).
   Display is set tight (tracking ~ -2%); body is calm at line-height 1.6.
   =========================================================================== */
:root {
  /* ---- Families ---- */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ---- 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 */
  --fw-black:     900; /* @kind font */

  /* ---- Type scale (the brand's named steps) ---- */
  --fs-display:   3.5rem;   /* 56px — H1 / hero, weight 900 */
  --fs-h1:        2.75rem;  /* 44px */
  --fs-h2:        2.25rem;  /* 36px — section title, weight 800 */
  --fs-h3:        1.375rem; /* 22px — subhead, weight 700 */
  --fs-lede:      1.18rem;  /* 19px — intro paragraph */
  --fs-body:      1.0625rem;/* 17px — running text, Inter 400 */
  --fs-small:     0.9rem;   /* ~14px */
  --fs-caption:   0.8rem;   /* ~13px — captions */
  --fs-eyebrow:   0.75rem;  /* 12px — eyebrow / label, caps */
  --fs-mono:      0.85rem;  /* data / hex */

  /* ---- Line heights ---- */
  --lh-tight:     1.02; /* @kind font */
  --lh-snug:      1.15; /* @kind font */
  --lh-body:      1.6; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.02em; /* @kind font */
  --ls-display-xl: -0.03em; /* @kind font */
  --ls-eyebrow:   0.18em; /* @kind font */
  --ls-tag:       0.1em; /* @kind font */
}