@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0');

.ds-headline,
.hero h1,
.hero h2,
.hero h3,
.reassurance h2,
.reassurance h3,
.services h2,
.services h3,
.services h4,
.about h2,
.about h3,
.realisations h2,
.realisations h3,
.zones h2,
.zones h3,
.zones h4,
.zones h5,
.temoignages h2,
.temoignages h3,
.faq h2,
.faq h3,
.contact h2,
.contact h3,
.header .site-nav__link,
.header .site-nav__brand,
.header .btn-cta,
.footer .footer-heading,
.footer .footer-link {
    font-family: var(--ds-font-headline);
}

.ds-body,
.hero p,
.reassurance p,
.about p,
.zones p,
.temoignages p,
.faq p,
.contact p,
.contact input,
.contact textarea,
.contact label {
    font-family: var(--ds-font-body);
}

.ds-label,
.contact label,
.header .btn-cta,
.hero .ds-btn-primary,
.hero .ds-btn-secondary {
    font-family: var(--ds-font-label);
}