:root {
    /* --- colors --- */

    /* brand */
    --brand-blue: #0B6DFF;
    --flash: #D6BB8B;
    --off-white: #FBFBFA;
    --marble: #EAEAE8;
    --musket: #1D2327;
    --tungsten: #242C31;
    --steel: #7C8083;


    /* functional */
    --danger-red: #FF0000;
    --form-selects: #0088FF;

    /* mono / greys */
    --white: #FFFFFF;
    --light-grey: #F5F5F5;
    --mid-grey: #D8D8D8;
    --dark-grey: #7F7F7F;
    --text-black: #2A2A2A;
    --black: #000000;
}


/*h1*/
h1,
.h1style,
h1.alt,
.h1style.alt,
.h2style,
h3,
.h3style,
h4,
.h4style {
    color: var(--text-black);
}



/* Brand */
.brand-blue {
    color: var(--brand-blue);
}
.brand-blue_background {
    background-color: var(--brand-blue);
}



/* Functional */
.danger-red {
    color: var(--danger-red);
}
.danger-red_background {
    background-color: var(--danger-red);
}


/* Flash */
.flash {
    color: var(--flash);
}
.flash_background {
    background-color: var(--flash);
}

/* Off-White */
.off-white {
    color: var(--off-white);
}
.off-white_background {
    background-color: var(--off-white);
}

/* Marble */
.marble {
    color: var(--marble);
}
.marble_background {
    background-color: var(--marble);
}

/* Musket */
.musket {
    color: var(--musket);
}
.musket_background {
    background-color: var(--musket);
}

/* Tungsten */
.tungsten {
    color: var(--tungsten);
}
.tungsten_background {
    background-color: var(--tungsten);
}

/* Steel */
.steel {
    color: var(--steel);
}
.steel_background {
    background-color: var(--steel);
}



/* Monotones */
.white {
    color: var(--white);
}
.white_background {
    background-color: var(--white);
}

.light-grey {
    color: var(--light-grey);
}
.light-grey_background {
    background-color: var(--light-grey);
}

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

.dark-grey {
    color: var(--dark-grey);
}
.dark-grey_background {
    background-color: var(--dark-grey);
}

.text-black {
    color: var(--text-black);
}
.text-black_background {
    background-color: var(--text-black);
}

.black {
    color: var(--black);
}
.black_background {
    background-color: var(--black);
}



/* Color Overrides */
/* --- black_background --- */
.black_background h1,
.black_background h2,
.black_background h3,
.black_background h4,
.black_background h5,
.black_background h6,
.black_background .h1style,
.black_background .h2style,
.black_background .h3style,
.black_background .h4style,
.black_background .h5style,
.black_background .h6style {
    color: var(--white);
}
.black_background p {
    color: var(--white);
}
.black_background p.sub-heading,
.black_background div.sub-heading p {
    color: var(--white);
}



.musket_background h1,
.musket_background h2,
.musket_background h3,
.musket_background h4,
.musket_background h5,
.musket_background h6,
.musket_background .h1style,
.musket_background .h2style,
.musket_background .h3style,
.musket_background .h4style,
.musket_background .h5style,
.musket_background .h6style {
    color: var(--white);
}
.musket_background p {
    color: var(--white);
}
.musket_background p.sub-heading,
.musket_background div.sub-heading p {
    color: var(--white);
}



.light-grey_background h1,
.light-grey_background h2,
.light-grey_background h3,
.light-grey_background h4,
.light-grey_background .h1style,
.light-grey_background .h2style,
.light-grey_background .h3style,
.light-grey_background .h4style {
    color: var(--text-black);
}
.light-grey_background p {
    color: var(--dark-grey);
}
.light-grey_background p.sub-heading,
.light-grey_background div.sub-heading p {
    color: var(--white);
}



/* Text Color Selection */
::selection {
    background: var(--black); /* WebKit/Blink Browsers */
    color: var(--white);
}
::-moz-selection {
    background: var(--black); /* Gecko Browsers */
    color: var(--white);
}