:root {
    --font-body: 'Poppins', sans-serif;
    --font-heading: 'Roboto', sans-serif;
}

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

h1,
h2,
.font-heading {
    font-family: var(--font-heading);
}

.desktop-nav,
.mobile-nav {
    font-family: var(--font-body);
}