@font-face {
    font-family: 'PingAR';
    src: url('../fonts/ping/PingARLTRegular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'PingAR';
    src: url('../fonts/ping/PingARLTMedium.otf') format('opentype');
    font-style: normal;
    font-weight: 500 600;
    font-display: swap;
}

@font-face {
    font-family: 'PingAR';
    src: url('../fonts/ping/PingARLTBold.otf') format('opentype');
    font-style: normal;
    font-weight: 700 900;
    font-display: swap;
}

:root {
    --primary-font: 'PingAR', sans-serif;
    --alt-font: 'PingAR', sans-serif;
    --bs-body-font-family: 'PingAR', sans-serif;
}

body#frontApp.ping-font,
#frontApp :is(
    h1, h2, h3, h4, h5, h6,
    p, a, span, div, section, article, header, footer, nav,
    ul, ol, li, label, button, input, select, textarea, option, optgroup,
    table, thead, tbody, tfoot, tr, th, td,
    small, strong, b, em
):not(i):not(svg) {
    font-family: 'PingAR', sans-serif !important;
}

#frontApp :is(.alt-font, .primary-font, .bh1, .bh2, .din2, .montserrat-mont) {
    font-family: 'PingAR', sans-serif !important;
}