/* Site typography owner. Child pages inherit this family; sizes/weights remain local.
   Relative to this stylesheet, so virtual directories and nested pages use one URL. */
@font-face {
    font-family: 'Vasfont';
    src: url('../Fonts/GlyphaVO.ttf?av=a3c03dbc03654ec3') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --vas-font: 'Vasfont', sans-serif;
    --vas-ui-font: var(--vas-font);
    --rla-v-font: var(--vas-font);
}

/* Fallback for older engines without cascade layers. */
html, body, button, input, select, textarea, svg text {
    font-family: Vasfont, sans-serif !important;
}

/* Important declarations in the first layer precede unlayered page/vendor rules.
   Icon glyphs retain their own font; the surrounding labels still use Vasfont.
   This also covers dialogs/portals inserted after an UpdatePanel refresh. */
@layer vas-site-font {
    html,
    body,
    body *:not(:where(.fa, .fas, .far, .fab, .fal, .fad, .fat,
        [class^="fa-"], [class*=" fa-"],
        .material-icons, [class^="material-icons-"], [class^="material-symbols-"],
        .glyphicon, [class^="glyphicon-"])) {
        font-family: Vasfont, sans-serif !important;
    }
}
