:root, [data-bs-theme=light] {
  --bs-primary: #cb52c8;
  --bs-primary-rgb: 203,82,200;
  --bs-primary-text-emphasis: #512150;
  --bs-primary-bg-subtle: #F5DCF4;
  --bs-primary-border-subtle: #EABAE9;
  --bs-secondary: #a52898;
  --bs-secondary-rgb: 165,40,152;
  --bs-secondary-text-emphasis: #42103D;
  --bs-secondary-bg-subtle: #EDD4EA;
  --bs-secondary-border-subtle: #DBA9D6;
  --bs-dark: #221926;
  --bs-dark-rgb: 34,25,38;
  --bs-dark-text-emphasis: #0E0A0F;
  --bs-dark-bg-subtle: #D3D1D4;
  --bs-dark-border-subtle: #A7A3A8;
  --bs-body-bg: #18121c;
  --bs-body-bg-rgb: 24,18,28;
  --bs-body-font-family: Manrope, sans-serif;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #cb52c8;
  --bs-btn-border-color: #cb52c8;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #D36CD0;
  --bs-btn-hover-border-color: #D063CE;
  --bs-btn-focus-shadow-rgb: 30,12,30;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #D575D3;
  --bs-btn-active-border-color: #D063CE;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #cb52c8;
  --bs-btn-disabled-border-color: #cb52c8;
}

.btn-outline-primary {
  --bs-btn-color: #cb52c8;
  --bs-btn-border-color: #cb52c8;
  --bs-btn-focus-shadow-rgb: 203,82,200;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #cb52c8;
  --bs-btn-hover-border-color: #cb52c8;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #cb52c8;
  --bs-btn-active-border-color: #cb52c8;
  --bs-btn-disabled-color: #cb52c8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #cb52c8;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a52898;
  --bs-btn-border-color: #a52898;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8C2281;
  --bs-btn-hover-border-color: #84207A;
  --bs-btn-focus-shadow-rgb: 242,223,240;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #84207A;
  --bs-btn-active-border-color: #7C1E72;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a52898;
  --bs-btn-disabled-border-color: #a52898;
}

.btn-outline-secondary {
  --bs-btn-color: #a52898;
  --bs-btn-border-color: #a52898;
  --bs-btn-focus-shadow-rgb: 165,40,152;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a52898;
  --bs-btn-hover-border-color: #a52898;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a52898;
  --bs-btn-active-border-color: #a52898;
  --bs-btn-disabled-color: #a52898;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #a52898;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #221926;
  --bs-btn-border-color: #221926;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1D1520;
  --bs-btn-hover-border-color: #1B141E;
  --bs-btn-focus-shadow-rgb: 222,221,222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1B141E;
  --bs-btn-active-border-color: #1A131D;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #221926;
  --bs-btn-disabled-border-color: #221926;
}

.btn-outline-dark {
  --bs-btn-color: #221926;
  --bs-btn-border-color: #221926;
  --bs-btn-focus-shadow-rgb: 34,25,38;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #221926;
  --bs-btn-hover-border-color: #221926;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #221926;
  --bs-btn-active-border-color: #221926;
  --bs-btn-disabled-color: #221926;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #221926;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-2 {
  margin-bottom: .5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-6 {
  margin-bottom: 4.5rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .mb-sm-6 {
    margin-bottom: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-6 {
    margin-bottom: 4.5rem !important;
  }
}