@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/dosis-400-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/dosis-600-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Dosis';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/dosis-700-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter-400-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/inter-500-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/inter-600-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/inter-700-latin.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/inter-800-latin.woff2') format('woff2');
}

/* Zero-CLS Override Fallback Fonts matching WOFF2 metrics */
@font-face {
    font-family: 'Inter-fallback';
    src: local('Arial'), local('Helvetica Neue'), local('Helvetica');
    font-display: swap;
    size-adjust: 112.40%;
    ascent-override: 88.97%;
    descent-override: 22.75%;
    line-gap-override: 0%;
}

@font-face {
    font-family: 'Dosis-fallback';
    src: local('Arial'), local('Helvetica Neue'), local('Helvetica');
    font-display: swap;
    size-adjust: 106.64%;
    ascent-override: 85.99%;
    descent-override: 25.73%;
    line-gap-override: 0%;
}