:root {
    --spark: #FF4713;
    --dark-spark: #E42B00;
    --coalescent: #131E29;
    --graphene: #004F59;
    --warm-grey: #D6D1CA;
    --solway-breeze: #E2F5E9;
    --nori-brick: #752420;
    --parys-earth: #95E1BF;
    --calaminarian-grasslands: #A3A983;
    --metallic-blue: #2E637A;
    --shadow-blue: #7F8FA1;
    --aurometal: #667980;
    --light-periwinkle: #C5CFD9;
    --bright-grey: #E7EBF3;
    --light-grey: #F6F6F6;
    --green: #6CAF35;
    --maize: #F4CA40;
    --watermelon: #C0414D;
    --black: #000000;
    --white: #FFFFFF;
}

/* primary colors */
.primary-spark {
    color: #FF4713 !important;
}

.primary-dark-spark {
    color: #E42B00 !important;
}

.primary-coalescent {
    color: #131E29 !important;
}

.primary-graphene {
    color: #004F59 !important;
}

.primary-warm-grey {
    color: #D6D1CA !important;
}

.primary-solway-breeze {
    color: #E2F5E9 !important;
}

.shades-black {
    color: #000 !important;
}

.shades-white {
    color: #fff !important;
}

/* secondary colors */
.secondary-metallic-blue {
    color: #2E637A !important;
}

.secondary-aurometal {
    color: #667980 !important;
}

.secondary-shadow-blue {
    color: #7F8FA1 !important;
}

.secondary-light-periwinkle {
    color: #C5CFD9 !important;
}

.secondary-bright-grey {
    color: #E7EBF3 !important;
}

.secondary-light-grey {
    color: #F6F6F6 !important;
}

.success-green {
    color: #6CAF35 !important;
}

.warnings-maize {
    color: #F4CA40 !important;
}

.destructive-watermelon {
    color: #C0414D !important;
}