@import url('./berps-design-system.css?v=20260722-13');

/* Karla — primary UI font (pageant-style chrome) */
@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/karla/Karla-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/karla/Karla-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/karla/Karla-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/karla/Karla-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/karla/Karla-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/karla/Karla-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/karla/Karla-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-LightItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}

:root {
    --font-primary: 'Karla', 'Montserrat', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Karla', 'Montserrat', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --font-body: var(--font-primary);
    --font-head: var(--font-primary);
    --font-mono: var(--font-primary);
}

html,
html body,
body {
    font-family: var(--font-primary) !important;
    font-weight: 400;
}

button,
input,
select,
textarea {
    font-family: var(--font-primary) !important;
}

body *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-sharp):not([class^="fa-"]):not([class*=" fa-"]):not(.mdi):not([class^="mdi-"]):not([class*=" mdi-"]):not(.material-icons):not(.material-icons-outlined):not(.material-icons-round):not(.material-icons-sharp):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.material-symbols-sharp):not(.bx):not([class^="bx-"]):not([class*=" bx-"]):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not([class^="dripicons-"]):not([class*=" dripicons-"]):not([class^="fe-"]):not([class*=" fe-"]):not([class^="la-"]):not([class*=" la-"]):not([class^="typcn"]):not([class*=" typcn"]):not([class^="wi-"]):not([class*=" wi-"]):not([class^="ion-"]):not([class*=" ion-"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="icofont-"]):not([class*=" icofont-"]):not([class^="pe-7s-"]):not([class*=" pe-7s-"]):not([class^="ph-"]):not([class*=" ph-"]):not(.icon):not([class^="icon-"]):not([class*=" icon-"]):not(.glyphicons):not(.glyphicon):not(.menu-arrow) {
    font-family: var(--font-primary) !important;
}

#sidebar-menu .menu-arrow,
#sidebar-menu .menu-arrow::before {
    font-family: "Material Design Icons" !important;
}

.font-montserrat {
    font-family: var(--font-secondary) !important;
}