@charset "utf-8";

:root {
    --ff-header: 'RobotoSerif-Variable', Times, Times New Roman, serif;
    --ff--body: 'RobotoFlex-Variable', Noto Sans, sans-serif;
}

@font-face {
    font-family: 'RobotoSerif-Variable';
    src: url(../../fonts/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf);
    font-display: swap;
}

@font-face {
    font-family: 'RobotoFlex-Variable';
    src: url(../../fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf);
    font-display: swap;
}

.ff-roboto-slab {
    font-family: 'RobotoSerif-Variable', Times, Times New Roman, serif;
}

.ff-roboto-flex {
    font-family: 'RobotoFlex-Variable', Noto Sans, sans-serif;
}