/* CSS to optimize network dependency tree and maintain global font & color related configurations */
@font-face{
    font-family: RobotoMono;
    src: url('../fonts/RobotoMono.ttf');
}

@font-face{
    font-family: primeicons;
    font-display: auto;
    src: url('../fonts/primeicons.ttf');
}
@font-face{
    font-family: merkur-sans-light;
    font-display: auto;
    src: url('../fonts/MERKUR-Sans-Light.woff2');
}
@font-face{
    font-family: merkur-sans-medium;
    font-display: auto;
    src: url('../fonts/MERKUR-Sans-Medium.woff2');
}
@font-face{
    font-family: merkur-sans-extra-bold;
    font-display: auto;
    src: url('../fonts/MERKUR-Sans-Extra-Bold.woff2');
}

:root {
    font-size: 12px !important;
    font-family: merkur-sans-light !important;
    --merkur-blue: #022052;
    --merkur-blue-hover: #013f8b;
    --merkur-blue-active: #004673;
    --merkur-cyan: #009FE3;
    --merkur-cyan-hover: #0285bd;
    --merkur-yellow: #FFCC00;
    --merkur-red: #EB0000;
    --merkur-green: #A2C617;
    --merkur-pink: #E83281;
    --merkur-orange: #F07E26;
    --merkur-orange-active: #c1641c;
    --merkur-dark-grey: #898B8E;
    --merkur-grey: #B2B2B2;
    --merkur-bright-grey: #EDEDED;
    --merkur-datatable-odd: #F5F5F5;
    --border-color: #D5D5D5;
    --primary-color: #022052;
}
html {
    -webkit-text-size-adjust: none;
    -webkit-font-size-adjust: none;
}
root {
    font-size: 12px;
    font-family: merkur-sans-light, sans-serif  !important;
    color: black !important;
    -webkit-font-size-adjust: 100%;
}