:root {
    --primary: #0073AD;
    --primary-hover: #1A428A;
    --secondary: #838383;
    --secondary-hover: #273043;
    --dark-red: #E31837;
    --maroon: #842029;
    --light-red: #FF0843;
    --pink: #F5C2C7;
    --voila: #D08BCD;
    --slate: #273043;
    --ema-dark-blue: #2D374B;
    --ema-mid-blue: #164374;
    --dark-blue: #1A428A;
    --mid-blue: #0073AD;
    --mid-blue-1: #408FEC;
    --botticelli: #CBDDE3;
    --light-blue-1: #B8D9E4;
    --light-blue-2: #D9EBF1;
    --light-blue-3: #D9EBF1;
    --seafoam: #A8C8C6;
    --shamrock: #5ADEA5;
    --white: #FFFFFF;
    --grey: #E8E8E8;
    --light-grey-1: #F4F4F4;
    --light-grey-2: #E8E8E8;
    --light-grey-3: #E3E3E3;
    --light-grey-4: #DEDEDE;
    --mid-grey-1: #C4C4C4;
    --mid-grey-2: #BCBCBC;
    --dark-grey: #838383;
    --inactive-grey: #E6ECEF;
    --ghost: #CED4DA;
    --pale-sky: #6A7285;
    --shuttle-grey: #60687A;
    --grey-dimmer-semitransparent: rgba(93, 100, 114, 0.6);
    --scorpion: #5A5A5A;
    --alice-blue: #F7FDFF;
    --cultured: #F3F3F3;
    --platinum: #EAEAEA;
    --leaf-green: #1FB141;
    --table-zebra-stripe: #F7FDFF;
    --yellow: #F9B403;
}

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

.bg-light-blue-two {
    background-color: var(--light-blue-2);
}

.bg-light-blue {
    background: #1a428a;
    background: rgba(26, 66, 138, 0.1)
}

.bg-mid-blue {
    background-color: var(--mid-blue);
}

.bg-lighter-blue {
    background-color: #F5F7FD;
}

.bg-viola {
    background-color: var(--voila);
}

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

.bg-mid-grey {
    background-color: var(--mid-grey-2);
}

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

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

.bg-dark-red {
    background-color: var(--dark-red);
}

.white {
    color: white;
}

.red {
    color: var(--dark-red) !important;
}

.maroon {
    color: var(--maroon) !important;
}

.scorpion {
    color: var(--scorpion) !important;
}

.dark-grey {
    color: var(--dark-grey) !important;
}

.pale-sky {
    color: var(--pale-sky) !important;
}

.color-slate {
    color: var(--slate) !important;
}

.color-gray {
    color: var(--pale-sky) !important;
}

.shamrock {
    color: var(--shamrock) !important;
}

.dark-red {
    color: var(--dark-red) !important;
}

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

.leaf-green {
    color: var(--leaf-green) !important;
}

.shuttle-grey {
    color: var(--shuttle-grey) !important;
}