:root {
    --font-display: 'Bebas Neue', 'Oswald', Impact, system-ui, sans-serif;
    --font-heading: 'Oswald', 'Bebas Neue', system-ui, sans-serif;
    --font-body: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

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

h1, .display-name, .country-page-header, .hero-title {
    font-family: var(--font-display);
    letter-spacing: 0.01em;
}

h2, h3 {
    font-family: var(--font-heading);
    letter-spacing: 0.01em;
}

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

.kicker, .kicker-sm, .section-mini-title, .nav-link {
    font-family: var(--font-heading);
}

caption, figcaption, .form-label, label, small {
    font-family: var(--font-body);
}