/*
 * Typography — Inter (variable font, self-hosted) + body/heading defaults.
 * Inter Variable supports any weight 100–900 from one file.
 */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('/css/fonts/InterVariable.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('/css/fonts/InterVariable-Italic.woff2') format('woff2');
}

:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
                 Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-display: var(--font-sans);
}

body {
    font-family: var(--font-sans);
    /* Inter benefits from these features for tighter, more polished text. */
    font-feature-settings: 'cv11', 'ss01', 'ss03';
    font-variant-numeric: tabular-nums;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: var(--fw-semibold);
    line-height: var(--lh-tight);
    letter-spacing: -0.015em;
}