/*
 * Splunk-feel typography for sustained workshop reading.
 *
 * The IBM Plex superfamily handles everything — Plex Sans for body and
 * headings (hierarchy via weight, size, leading, and letter-spacing),
 * Plex Mono for code. Two faces, designed as one system. Two network
 * requests, one cohesive voice across the whole site.
 */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
    --MAIN-FONT: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --CODE-FONT: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace;
}

body {
    font-family: var(--MAIN-FONT);
    /* Plex Sans reads best with slightly looser leading at body size */
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--MAIN-FONT);
    font-weight: 600;
    letter-spacing: -0.015em;  /* tighten heading tracking slightly */
    line-height: 1.2;          /* override the body's 1.6 — headings want tight leading */
}

code, pre, kbd, samp, tt {
    font-family: var(--CODE-FONT);
}

/* Block code wants more vertical air than prose, not less — the default
 * ~1.15 is too cramped for syntax-highlighted YAML/JSON with inline comments. */
pre,
pre code {
    line-height: 1.5;
}