@font-face {
    font-family: 'Manrope';
    src: url('/assets/fonts/manrope-latin.woff2') format('woff2');
    font-weight: 400 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/assets/fonts/space-grotesk-latin.woff2') format('woff2');
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-body-local: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --font-display-local: 'Space Grotesk', 'Manrope', 'Segoe UI', system-ui, sans-serif;
}

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

h1,
h2,
h3,
.hero-title,
.section-title,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-family: var(--font-display-local);
}