.primary-bg { background-color: #845AD2}
.primary-txt { color: #845AD2}

.light-violet { background-color: #9169DB }

.secondary-bg { background-color: #fbd454!important}
.secondary-txt { color: #fbd454}

.cst-btn.primary { background-color: #845AD2; color: white}
.cst-btn.secondary { background-color: #fbd454; color: white}
.cst-btn.success { background-color: #28a745; color: white}
.cst-btn.success:hover { background-color: #1c8233;}
.cst-btn.danger { background-color: tomato; color: white;}

.dark-bg { background-color: #421f84 }
.darker-bg { background-color: #3C167F;}

.white-link,
.text-white { color: white;}
.text-yellow { color: var(--cstYellow);}
.text-gray-700 { color: #6e707e!important; }
.text-gray-300 {
    color: #dddfeb!important;
}

.dark-transparent-bg { background: rgb(0 0 0 / .2); }