/* Roboto Font */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Roboto Light'),
         url('../fonts/roboto/roboto-light.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'),
         url('../fonts/roboto/roboto-regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Roboto Medium'),
         url('../fonts/roboto/roboto-medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Roboto Bold'),
         url('../fonts/roboto/roboto-bold.woff2') format('woff2');
}

/* Fallback font metrics to prevent layout shift */
.roboto-loaded {
    --fallback-font-size: 1em;
    --roboto-font-size: 1em;
    --fallback-line-height: 1.2;
    --roboto-line-height: 1.2;
}