/* Geograph (Klim Type Foundry) — variable fonts, weights 100–900 */
@font-face {
    font-family: "Geograph";
    src: url("../fonts/geograph-vf-roman.woff2") format("woff2-variations"),
         url("../fonts/geograph-vf-roman.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Geograph";
    src: url("../fonts/geograph-vf-italic.woff2") format("woff2-variations"),
         url("../fonts/geograph-vf-italic.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* National Park (Designing Outside Studio, SIL OFL) — display font for headings */
@font-face {
    font-family: "National Park";
    src: url("../fonts/nationalpark-medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "National Park";
    src: url("../fonts/nationalpark-semibold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "National Park";
    src: url("../fonts/nationalpark-bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "National Park";
    src: url("../fonts/nationalpark-extrabold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Loaded after {{ghost_head}} so it overrides the Ghost Admin font picker */
:root {
    --font-sans: "Geograph", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    --font-serif: var(--font-sans);
    --font-display: "National Park", var(--font-sans);
    --gh-font-heading: var(--font-display);
    --gh-font-body: var(--font-sans);
}
body, button, input, select, textarea {
    font-family: var(--font-sans);
    font-feature-settings: "ss03";
}

/* Headings use the display font */
h1, h2, h3, h4, h5, h6,
.sl-hero-title {
    font-family: var(--font-display);
}