/*
* Beausite font faces — the single source of truth for the app's fonts.
* Loaded once via in index.html (served statically from /public, so it
* stays outside the webpack pipeline where css-loader can't resolve /fonts URLs).
*
* One family name per typeface; the weight selects the file:
* 'Beausite Classic' 400 -> Regular, 500 -> Medium, 600 -> Semibold, 700 -> Bold
* 'Beausite Fit' 400 -> Regular, 500 -> Medium
* Components must NOT declare per-weight families (e.g. 'BeausiteClassic-Bold');
* set fontWeight instead — the theme provides the family.
*/
@font-face {
font-family: 'Beausite Classic';
src: url('/fonts/BeausiteFit/BeausiteClassic-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beausite Classic';
src: url('/fonts/BeausiteFit/BeausiteClassic-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beausite Classic';
src: url('/fonts/BeausiteFit/BeausiteClassic-Semibold.otf') format('opentype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beausite Classic';
src: url('/fonts/BeausiteFit/BeausiteClassic-Bold.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beausite Fit';
src: url('/fonts/BeausiteFit/BeausiteFit-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Beausite Fit';
src: url('/fonts/BeausiteFit/BeausiteFit-Medium.otf') format('opentype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
/*
* Base family for pages rendered outside 's CssBaseline (Login,
* MaintenancePage). Inside the app, CssBaseline applies the same family
* from the MUI theme.
*/
body {
font-family:
'Beausite Classic',
-apple-system,
'BlinkMacSystemFont',
'Segoe UI',
'Roboto',
'Helvetica Neue',
sans-serif;
}