.btn-primary {
    background-color: #8E99F0 !important;
}

.text--primary-lightest {
    color: rgba(106, 117, 202, 0.15);
}

.text--primary-lighter {
    color: rgba(196, 202, 248, 1);
}

.text--primary-light {
    color: rgba(142, 153, 240, 1);
}

.text--primary-brand {
    color: rgba(106, 117, 202, 1);
}

.text--primary-darker {
    color: rgba(74, 81, 142, 1);
}

.text--primary-darkest {
    color: rgba(47, 56, 124, 1);
}

.text--secondary {
    color: rgba(128, 136, 169, 1);
}

.text--secondary-purple-gray {
    color: rgba(128, 136, 169, 1);
}

.text--secondary-blueA {
    color: rgba(91, 202, 161, 1);
}

.text--secondary-blueB {
    color: rgba(110, 227, 238, 1);
}

.text--secondary-blueC {
    color: rgba(99, 206, 216, 1);
}

.text--secondary-orange {
    color: rgba(251, 194, 109, 1);
}

.text--secondary-red {
    color: rgba(255, 100, 100, 1);
}

.text--secondary-gray {
    color: rgba(130, 130, 130, 1);
}


/** BG **/

.bg--primary-lightest {
    background-color: rgba(106, 117, 202, 0.15);
    color: rgba(28, 28, 28, 1);
}

.bg--primary-lighter {
    background-color: rgba(196, 202, 248, 1);
    color: rgba(28, 28, 28, 1);
}

.bg--primary-light {
    background-color: rgba(142, 153, 240, 1);
    color: rgba(28, 28, 28, 1);
}

.bg--primary-brand {
    background-color: rgba(106, 117, 202, 1);
    color: #fff;
}

.bg--primary-darker {
    background-color: rgba(74, 81, 142, 1);
    color: #fff;
}

.bg--primary-darkest {
    background-color: rgba(47, 56, 124, 1);
    color: #fff;
}

.bg--secondary-purple-gray {
    background: rgba(128, 136, 169, 1);
}

.bg--secondary-blueA {
    background: rgba(91, 202, 161, 1);
}

.bg--secondary-blueB {
    background: rgba(110, 227, 238, 1);
}

.bg--secondary-blueC {
    background: rgba(99, 206, 216, 1);
}

.bg--secondary-orange {
    background: rgba(251, 194, 109, 1);
}

.bg--secondary-red {
    background: rgba(255, 100, 100, 1);
}

.bg--secondary-gray {
    background: rgba(130, 130, 130, 1);
}

.bg--white {
    background: #fff;
}

.bg--white-60 {
    background: rgba(255, 255, 255, 0.6)
}


/**Box Shadow**/

.layer-shadow {
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
}

/** Border **/
.border-dashed-secondary-blueC {
    border: 1px dashed #63CED8;
}