@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 400;
    src: local('Calibri'), url('/assets/fonts/calibri.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 400;
    src: local('Calibri Italic'), url('/assets/fonts/calibrii.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 300;
    src: local('Calibri Light'), url('/assets/fonts/calibril.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 300;
    src: local('Calibri Light Italic'), url('/assets/fonts/calibrili.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-style: normal;
    font-weight: 700;
    src: local('Calibri Bold'), url('/assets/fonts/calibrib.woff') format('woff');
}

@font-face {
    font-family: 'Calibri';
    font-style: italic;
    font-weight: 700;
    src: local('Calibri Bold Italic'), url('/assets/fonts/calibriz.woff') format('woff');
}

html {
    font-size: 112.5%; /* 16px → ~18px */
}

body {
    font-family: 'Calibri', 'Carlito', 'Segoe UI', system-ui, sans-serif;
}

select,
select option {
    font-family: 'Calibri', 'Carlito', 'Segoe UI', system-ui, sans-serif;
}