/* ============================================================
   DREDMARK — Typography tokens
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Saira', 'Toyota Text', 'Arial Narrow', system-ui, sans-serif;
  --font-sans:    'Toyota Text', system-ui, -apple-system, Segoe UI, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* Type scale (display uses Saira; body uses Plex Sans) */
  --text-display-2xl: 4.5rem;  /* 72 — hero */
  --text-display-xl:  3.5rem;  /* 56 */
  --text-display-lg:  2.75rem; /* 44 */
  --text-h1: 2.25rem;  /* 36 */
  --text-h2: 1.75rem;  /* 28 */
  --text-h3: 1.375rem; /* 22 */
  --text-h4: 1.125rem; /* 18 */
  --text-body-lg: 1.125rem; /* 18 */
  --text-body:    1rem;     /* 16 */
  --text-body-sm: 0.875rem; /* 14 */
  --text-caption: 0.75rem;  /* 12 */
  --text-overline:0.6875rem;/* 11 */

  /* Line heights */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-overline:0.16em; /* industrial uppercase labels */

  /* Semantic roles */
  --display-family: var(--font-display);
  --display-weight: var(--fw-bold);
  --heading-family: var(--font-display);
  --heading-weight: var(--fw-semibold);
  --body-family:    var(--font-sans);
  --data-family:    var(--font-mono);
}