@font-face {
    font-family: 'Montserrat';
    src: url('/assets/vera-ui/fonts/montserrat-400.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/vera-ui/fonts/montserrat-600.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/assets/vera-ui/fonts/montserrat-700.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}

:root {
    --font-family-base: 'Montserrat', Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--font-family-base);
}