/* ============================================================
   Loon Research — Typography tokens
   Space Grotesk for all display + heading type.
   Hanken Grotesk for UI and body copy.
   IBM Plex Mono for eyebrows, labels, data, and technical detail.
   Fonts are loaded via fonts.css (Google Fonts).
   ============================================================ */

:root {
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Every heading and display line is Space Grotesk — angular, tech-forward.
     Hanken Grotesk is body / UI copy only. */
  --font-display: "Space Grotesk", "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* --- Weights --- */
  --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-extrabold: 800; /* @kind font */

  /* --- Type scale (px) — enterprise, generous display sizes --- */
  --fs-display-xl: 76px; /* hero */
  --fs-display-lg: 56px;
  --fs-display-md: 44px;
  --fs-h1: 36px;
  --fs-h2: 28px;
  --fs-h3: 22px;
  --fs-h4: 18px;
  --fs-body-lg: 19px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-eyebrow: 12px; /* mono, uppercase, tracked */

  /* --- Line heights --- */
  --lh-tight: 1.04; /* @kind font */
  --lh-snug: 1.18; /* @kind font */
  --lh-heading: 1.24; /* @kind font */
  --lh-body: 1.6; /* @kind font */
  --lh-relaxed: 1.72; /* @kind font */

  /* --- Letter spacing --- */
  --ls-display: -0.022em; /* @kind font */
  --ls-heading: -0.012em; /* @kind font */
  --ls-normal: 0em; /* @kind font */
  --ls-eyebrow: 0.16em; /* @kind font */
  --ls-label: 0.04em; /* @kind font */
}