@font-face {
    font-family: 'Roboto';
    src: url('roboto-thin.woff2') format('woff2'),
    url('roboto-thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('roboto-light.woff2') format('woff2'),
    url('roboto-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

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

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

/* Condensed – якщо використовуються */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('robotocondensed-light.woff2') format('woff2'),
    url('robotocondensed-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('robotocondensed-regular.woff2') format('woff2'),
    url('roboto-condensed.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}