:root {
    --primary: #1a3e60;
    --secondary: #027eab;
    --tertiary: #056694;
    --light: #F6F7F8;
    --dark: #1A2A36;
    --light-blue: #2ab8ce;
    --lighter-blue: #c8edf3;
    --dark-green: #3f5318;
    --light-gray: #757575;
    --light-green: #8eaf4b;
    --lighter-green: #b6d677;
    --cronos-blue: #004a72;
}

@font-face {
    font-family: 'BwMitga';
    src: url('../../fonts/bwmitga-regular-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'BwMitga';
    src: url('.../../fonts/bwmitga-light-webfont.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'BwMitga';
    src: url('../../fonts/bwmitga-bold-webfont.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'BwMitga';
    src: url('../../fonts/bwmitga-black-webfont.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

.bg-primary-custom {
    background-color: var(--primary) !important;
}

.bg-secondary-custom {
    background-color: var(--secondary) !important;
}

.bg-tertiary-custom {
    background-color: var(--tertiary) !important;
}

.text-primary-custom {
    color: var(--primary) !important;
}

.text-tertiary-custom {
    color: var(--tertiary) !important;
}

.text-secondary-custom {
    color: var(--secondary) !important;
}

.text-light-blue {
    color: var(--light-blue) !important;
}

.text-light-gray {
    color: var(--light-gray);
}

.text-cronos-blue {
    color: var(--cronos-blue);
}

.text-light-green {
    color: var(--light-green);
}

.bg-dark-green {
    background-color: var(--dark-green) !important;
}

.bg-light-green {
    background-color: var(--light-green);
}

.bg-light-blue {
    background-color: var(--light-blue) !important;
}

.bg-lighter-blue {
    background-color: var(--lighter-blue) !important;
}

.bg-lighter-green {
    background-color: var(--lighter-green) !important;
}

.bg-light-green {
    background-color: var(--light-green) !important;
}

.error {
    color: rgb(243, 88, 88);
    font-size: 0.9em;
    margin-top: 5px;
}