/* Mehr Guard Local Fonts - Offline-First */

/* Inter Variable Font (Latin) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('./fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Material Symbols Outlined */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    /* Block to prevent flash of text during page transitions */
    src: url('./fonts/material-symbols.woff2') format('woff2');
}

/* Material Symbols class (same as Google's) */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    
    /* Prevent icon text from showing on slow connections */
    /* The font-display: block handles this for 3 seconds, but after that  */
    /* font names like "sports_esports" could appear. Make text transparent */
    /* and use a zero-width technique until font loads */
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
}

/* When the font is loaded (browser adds fonts-loaded class), show icons */
/* This is detected via JavaScript Font Loading API or font-display completes */
.fonts-loaded .material-symbols-outlined,
body.loaded .material-symbols-outlined {
    color: inherit;
    background-clip: initial;
    -webkit-background-clip: initial;
}