/* ============================================================
   Obseras typography
   Two families only:
   - Instrument Sans — display, headings, UI, body
   - IBM Plex Mono — data: URLs, values, diffs, timestamps, code
   ============================================================ */
:root {
  --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Sizes (px) */
  --size-display-xl: 64px;  /* marketing hero */
  --size-display:    44px;  /* section heads on marketing */
  --size-h1: 30px;          /* page titles in app */
  --size-h2: 22px;
  --size-h3: 17px;
  --size-body-lg: 17px;
  --size-body: 15px;
  --size-body-sm: 13.5px;
  --size-caption: 12px;
  --size-mono: 13px;        /* default for data */
  --size-mono-lg: 15px;

  /* Line heights */
  --leading-display: 1.04;
  --leading-heading: 1.18;
  --leading-body: 1.55;
  --leading-tight: 1.3;

  /* Tracking */
  --tracking-display: -0.025em;
  --tracking-heading: -0.015em;
  --tracking-body: 0;
  --tracking-caps: 0.08em;   /* uppercase labels */

  /* Weights (Instrument Sans variable 400–700) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}