/* ==========================================================================
   DevGenZ — Typography tokens
   Poppins for everything (display + UI + body); JetBrains Mono for code,
   nodding to the developer-training identity.
   ========================================================================== */

:root {
  /* --- Families -------------------------------------------------------- */
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* --- 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 */

  /* --- Type scale (px) — display is tight & heavy, body is comfortable - */
  --fs-display-xl: 72px;   /* hero headline */
  --fs-display-lg: 56px;
  --fs-display-md: 44px;   /* section titles */
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body-lg: 18px;
  --fs-body:    16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-overline: 12px;

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

  /* --- Letter spacing -------------------------------------------------- */
  --ls-tighter: -0.02em;  /* @kind font */
  --ls-tight:   -0.01em;  /* @kind font */
  --ls-normal:  0;        /* @kind font */
  --ls-wide:    0.04em;   /* @kind font */
  --ls-overline: 0.12em;  /* @kind font */

  /* ---- Semantic roles ---- */
  --text-display-weight: var(--fw-extra);  /* @kind font */
  --text-heading-weight: var(--fw-bold);   /* @kind font */
  --text-eyebrow-transform: uppercase;     /* @kind other */
}