:root {
  --font-body: 'IBM Plex Sans', 'Segoe UI', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', 'IBM Plex Sans', 'Segoe UI', ui-sans-serif, system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Consolas, 'Courier New', monospace;
}

body { font-family: var(--font-body); }

h1, h2, h3, h4 { font-family: var(--font-display); }
code, kbd, samp, pre { font-family: var(--font-mono); }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }