@font-face {
    font-family: 'Montserrat';
    src: url('fontes/Montserrat-Variable.woff2') format('woff2-variations'),
         url('fontes/Montserrat-Variable.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cascadia Code';
    src: local('Cascadia Code Medium'), local('CascadiaCode-Medium'),
        url('fontes/CascadiaCode-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cascadia Code';
    src: local('Cascadia Code SemiBold'), local('CascadiaCode-SemiBold'),
        url('fontes/CascadiaCode-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cascadia Code';
    src: local('Cascadia Code Bold'), local('CascadiaCode-Bold'),
        url('fontes/CascadiaCode-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* Fallbacks com métricas ajustadas para reduzir o CLS durante o carregamento das fontes */
@font-face {
    font-family: 'Montserrat Fallback';
    src: local('Arial');
    size-adjust: 113%;
    ascent-override: 85%;
    descent-override: 22%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'Cascadia Fallback';
    src: local('Courier New'), local('Consolas');
    size-adjust: 100%;
}