/* ===========================================================================
   Honeypot — Typography tokens
   Brand face: Poppins. Display/logotype: PP Agrandir Heavy (now self-hosted —
   see fonts.css). Poppins is geometric, friendly, and slightly rounded,
   echoing the honeypot wordmark; Agrandir Heavy is the big, tight display face.
   =========================================================================== */

:root {
  /* ---- Families ---------------------------------------------------------- */
  --font-brand:   'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'PP Agrandir', 'Poppins', system-ui, -apple-system, sans-serif; /* logotype/display */
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* ---- Weights (font) ---------------------------------------------------- */
  --fw-light:    300; /* @kind font */
  --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 */
  --fw-black:    900; /* @kind font */

  /* ---- Type scale (1.250 major-third, 16px base) ------------------------- */
  --fs-display-2xl: 5.6rem;   /* 90px — hero wordmark statements */
  --fs-display-xl:  4.2rem;   /* 67px */
  --fs-display-lg:  3.36rem;  /* 54px */
  --fs-h1:          2.68rem;  /* 43px */
  --fs-h2:          2.15rem;  /* 34px */
  --fs-h3:          1.72rem;  /* 28px */
  --fs-h4:          1.375rem; /* 22px */
  --fs-h5:          1.1rem;   /* 18px */
  --fs-body-lg:     1.25rem;  /* 20px */
  --fs-body:        1rem;     /* 16px */
  --fs-body-sm:     0.875rem; /* 14px */
  --fs-caption:     0.75rem;  /* 12px */
  --fs-overline:    0.6875rem;/* 11px */

  /* ---- Line heights ------------------------------------------------------ */
  --lh-tight:   1.02;   /* @kind font */
  --lh-snug:    1.15;   /* @kind font */
  --lh-normal:  1.5;    /* @kind font */
  --lh-relaxed: 1.7;    /* @kind font */

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

  /* ---- Semantic roles ---------------------------------------------------- */
  --text-display: var(--fw-black) var(--fs-display-lg)/var(--lh-tight) var(--font-display);
  --text-h1:      var(--fw-extra) var(--fs-h1)/var(--lh-snug) var(--font-brand);
  --text-h2:      var(--fw-bold) var(--fs-h2)/var(--lh-snug) var(--font-brand);
  --text-lead:    var(--fw-regular) var(--fs-body-lg)/var(--lh-relaxed) var(--font-body);
  --text-base:    var(--fw-regular) var(--fs-body)/var(--lh-normal) var(--font-body);
  --text-label:   var(--fw-semibold) var(--fs-body-sm)/1.2 var(--font-brand);
}