/* ============================================================
   Network of Trusted Networks — Typography tokens
   Display: Bebas Neue (400, UPPERCASE, tight, tracked +2px)
   Body:    Inter (300 body / 400 / 500 / 600 ui, 700 strong)
   Mirrors the live site: headings 38–44px Bebas uppercase,
   body 15px Inter-light line-height 1.78, buttons 12px Inter-600
   uppercase tracked +1px.
   ============================================================ */
:root {
  /* Families */
  --font-display: "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

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

  /* ---- Display scale (Bebas Neue) ---- */
  --display-2xl: 120px;   /* huge hero numbers / stacked wordmark */
  --display-xl: 84px;
  --display-lg: 60px;
  --display-md: 44px;     /* section headings (source) */
  --display-sm: 38px;     /* sub-section headings (source) */
  --display-xs: 28px;

  /* ---- Body scale (Inter) ---- */
  --text-xs: 12px;        /* eyebrow / button / meta */
  --text-sm: 13px;
  --text-base: 15px;      /* default body (source) */
  --text-md: 17px;
  --text-lg: 20px;        /* lead paragraph */
  --text-xl: 24px;

  /* Line heights */
  --lh-display: 0.95;     /* @kind font */
  --lh-tight: 1.15;       /* @kind font */
  --lh-snug: 1.4;         /* @kind font */
  --lh-body: 1.78;        /* @kind font */
  --lh-relaxed: 1.9;      /* @kind font */

  /* Letter spacing */
  --ls-display: 0.02em;   /* @kind font */
  --ls-eyebrow: 0.18em;   /* @kind font */
  --ls-button: 0.08em;    /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */

  /* Reusable composite tokens */
  --eyebrow-font: var(--fw-semibold) var(--text-xs)/1 var(--font-body);
}