:root {
    --bs-primary: #3a0ca3;
    --bs-primary-bg-subtle: #d3d1f3;
    --bs-gray-100: #f3f4f6;
    --primary-100: #d3d1f3;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
}
.btn {
    border: var(--bs-btn-border-width) solid transparent;
    --bs-btn-font-weight: 500;
}
.border-primary {
    border-color: var(--bs-primary) !important;
}
.btn-not-active {
    --bs-btn-bg: var(--bs-gray-100);
    --bs-btn-color: #000;
    --bs-btn-hover-bg: var(--bs-gray-100);
}
.basic-purple-bg {
    background-color: var(--bs-primary-bg-subtle);
}
.card {
    --bs-card-title-color: #111928;
}
.nav-link.active {
    color: var(--bs-primary);
}
.bg-primary-100 {
    background-color: var(--primary-100) !important;
}
.text-primary-900 {
    color: var(--bs-primary) !important;
}