/* Headings — Oswald (condensed, industrial/highway-sign feel) */
@font-face {
    font-family: Oswald;
    src: url("/static/fonts/oswald/Oswald-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Oswald;
    src: url("/static/fonts/oswald/Oswald-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Oswald;
    src: url("/static/fonts/oswald/Oswald-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: Oswald;
    src: url("/static/fonts/oswald/Oswald-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

/* Body / UI — Inter (clean humanist sans) */
@font-face {
    font-family: Inter;
    src: url("/static/fonts/inter/Inter_18pt-Regular.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    src: url("/static/fonts/inter/Inter_18pt-Medium.ttf");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Inter;
    src: url("/static/fonts/inter/Inter_18pt-Bold.ttf");
    font-weight: 700;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

:root {
    --font-heading: Oswald, "Arial Narrow", sans-serif;
    --font-body: Inter, Arial, Helvetica, sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
}
