@font-face {
    font-family: Manrope;
    src: url("sm-first-paint-manrope-8c2def024c.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
}
@font-face {
    font-family: Inter;
    src: url("sm-first-paint-inter-3100e775e8.woff2") format("woff2");
    font-style: normal;
    font-weight: 400 800;
    font-display: block;
}

/* The shared families take precedence over legacy template font shorthands.
   Existing responsive sizes, tracking and line heights remain in each layout. */
@layer sm-typography {
    body {
        --sm-font-heading: Manrope, Arial, sans-serif;
        --sm-font-text: Inter, Arial, sans-serif;
        font-family: var(--sm-font-text) !important;
    }
    :is(main, article, .sm-site, .sm-resources-content, .sm-global-footer,
        p, li, dl, small, blockquote, figcaption, caption, table, th, td,
        button, input, select, textarea, label, summary, legend,
        [role="button"], .sm-global-footer a, .sm-global-footer span,
        .hp-button, .smp-button, .smads-button, .btn, .wp-block-button__link,
        .sidecontactlinks a, .sm-library-actions a) {
        font-family: var(--sm-font-text) !important;
    }
    :is(h1, h2, h3, h4, h5, h6, [role="heading"], .sm-mega-nav a,
        .sm-mega-heading, .sm-mega-nav .sm-mega-unavailable) {
        font-family: var(--sm-font-heading) !important;
        font-synthesis-weight: none;
    }
    :is(.pagehero, .contactreferencehero, .producteditorialintro, .woocommerce-products-header) h1 {
        font-weight: 800 !important;
    }
}