/**
 * Sauti brand tokens and Consulting colour compatibility.
 *
 * Typography is intentionally kept in sauti-legacy-typography.css so colour
 * and font rules can be audited independently.
 */
:root {
    --sauti-orange: #e84a34;
    --sauti-charcoal: #434343;
    --sauti-teal: #025467;
    --sauti-navy: #00263b;
    --sauti-header-background: #f1f1f1;

    --con_base_color: var(--sauti-orange);
    --con_secondary_color: var(--sauti-charcoal);
    --con_third_color: var(--sauti-teal);
}

.mtc,
.mtc_h:hover,
.base_font_color,
.base_font_color_hv:hover {
    color: var(--sauti-orange) !important;
}

.stc,
.stc_h:hover,
.secondary_font_color,
.secondary_font_color_hv:hover {
    color: var(--sauti-charcoal) !important;
}

.ttc,
.ttc_h:hover,
.third_font_color,
.third_font_color_hv:hover {
    color: var(--sauti-teal) !important;
}

.mbc,
.mbc_h:hover,
.stm-search .stm_widget_search button {
    background-color: var(--sauti-orange) !important;
}

.sbc,
.sbc_h:hover {
    background-color: var(--sauti-charcoal) !important;
}

.tbc,
.tbc_h:hover {
    background-color: var(--sauti-teal) !important;
}

.mbdc,
.mbdc_h:hover {
    border-color: var(--sauti-orange) !important;
}

.sbdc,
.sbdc_h:hover {
    border-color: var(--sauti-charcoal) !important;
}

.tbdc,
.tbdc_h:hover {
    border-color: var(--sauti-teal) !important;
}