/* ============================================================
   HYPATIUS — Typography tokens
   Bebas Neue  → display + headings (condensed, all-caps energy)
   Rajdhani    → body, UI, buttons (technical humanist sans)
   IBM Plex Mono → eyebrows, labels, metadata, credentials
   ============================================================ */
:root {
  /* ---- Font families ---- */
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body:    'Rajdhani', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  /* ---- Fluid type scale ---- */
  --display-1: clamp(3rem, 7vw, 6.3rem); /* @kind font */
  --display-2: clamp(2.4rem, 5.4vw, 4.5rem); /* @kind font */
  --h1: clamp(2.1rem, 3.8vw, 3rem); /* @kind font */
  --h2: clamp(1.7rem, 2.9vw, 2.25rem); /* @kind font */
  --h3: 1.35rem; /* @kind font */
  --body-lg: 1.125rem; /* @kind font */
  --body: 1rem; /* @kind font */
  --body-sm: 0.9375rem; /* @kind font */
  --caption: 0.8125rem; /* @kind font */
  --eyebrow: 0.75rem; /* @kind font */

  /* ---- Weights ---- */
  --fw-body: 500; /* @kind font */
  --fw-medium: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* ---- Letter-spacing (the brand runs wide) ---- */
  --tracking-display: 0.02em; /* @kind font */
  --tracking-heading: 0.025em; /* @kind font */
  --tracking-eyebrow: 0.18em; /* @kind font */
  --tracking-button: 0.02em; /* @kind font */

  /* ---- Line-height ---- */
  --lh-display: 0.96; /* @kind font */
  --lh-heading: 1.1; /* @kind font */
  --lh-body: 1.6; /* @kind font */
}