/* Site-wide sans-serif typography. Keep the supplied image wordmark and icon fonts intact. */
@layer savag-typography {
    body:not(.wp-admin) {
        font-family: sans-serif !important;
        --e-global-typography-primary-font-family: sans-serif;
        --e-global-typography-secondary-font-family: sans-serif;
        --e-global-typography-text-font-family: sans-serif;
        --e-global-typography-accent-font-family: sans-serif;
    }

    /* Layered important declarations take precedence over existing Elementor typography.
       Only the font family changes: sizes, weights, spacing and responsive rules remain editable. */
    body:not(.wp-admin) :where(
        h1, h2, h3, h4, h5, h6, p, a, span, div, section, article, aside,
        header, footer, nav, main, ul, ol, li, dl, dt, dd, blockquote,
        strong, b, em, small, label, legend, input, button, select,
        option, optgroup, textarea, table, thead, tbody, tfoot, tr, th,
        td, caption, figcaption, summary, details, output, address,
        ins, del, sup, sub
    ):not(:where(
        #wpadminbar, #wpadminbar *, .dashicons, .ab-icon,
        .fa, .fas, .far, .fab, .fal, .fad, .fat,
        [class^="fa-"], [class*=" fa-"],
        [class^="eicon-"], [class*=" eicon-"],
        [class^="tinvwl-icon"], [class*=" tinvwl-icon"]
    )) {
        font-family: sans-serif !important;
    }
}