/* Typography — Inter / JetBrains Mono / PT Serif */
:root {
  --font-sans: 'Inter', -apple-system, system-ui, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;
  --font-serif: 'PT Serif', Georgia, serif;
}

body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text-primary);
  background: var(--bg-page);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
[data-theme="dark"] body, :root:not([data-theme="light"]) body {
  line-height: 1.75;
}

h1, h2, h3, h4 {
  text-wrap: balance;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
p, li { text-wrap: pretty; }
body { hyphens: manual; }

.num, .timestamp, .latency, .id, .mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
.editorial { font-family: var(--font-serif); }

.text-xs { font-size: .75rem; line-height: 1.4; }
.text-sm { font-size: .875rem; line-height: 1.5; }
.text-base { font-size: 1rem; line-height: 1.6; }
.text-lg { font-size: 1.125rem; line-height: 1.5; }
.text-xl { font-size: 1.25rem; line-height: 1.4; }
.text-2xl { font-size: 1.5rem; line-height: 1.3; }
.text-3xl { font-size: 1.875rem; line-height: 1.25; }
.text-4xl { font-size: 2.25rem; line-height: 1.2; }
.text-hero { font-size: 3rem; line-height: 1.1; }

.text-muted { color: var(--text-muted); }
.text-secondary { color: var(--text-secondary); }
.text-accent { color: var(--accent-strong); }
[data-theme="dark"] .text-accent, :root:not([data-theme="light"]) .text-accent { color: var(--accent); }