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

/* Roboto Regular Italic */
@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto/roboto-regularItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

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

/* Inter Regular */
@font-face {
    font-family: 'inter';
    src: url('fonts/inter/inter-regular.woff2') format('woff2'),
         url('fonts/inter/intervariable.ttf') format('ttf');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

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

/* Inter Bold Italic */
@font-face {
    font-family: 'inter';
    src: url('fonts/inter/inter-boldItalic.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

body {
    font-family: 'inter', 'roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}