:root, [data-bs-theme=light] {
  --bs-primary: rgb(170,120,220);
  --bs-primary-rgb: 170,120,220;
  --bs-primary-text-emphasis: #443058;
  --bs-primary-bg-subtle: #EEE4F8;
  --bs-primary-border-subtle: #DDC9F1;
  --bs-link-color: rgb(170,120,220);
  --bs-link-color-rgb: 170,120,220;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: rgb(170,120,220);
  --bs-btn-border-color: rgb(170,120,220);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #B78CE1;
  --bs-btn-hover-border-color: #B386E0;
  --bs-btn-focus-shadow-rgb: 26,18,33;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #BB93E3;
  --bs-btn-active-border-color: #B386E0;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: rgb(170,120,220);
  --bs-btn-disabled-border-color: rgb(170,120,220);
}

.btn-outline-primary {
  --bs-btn-color: rgb(170,120,220);
  --bs-btn-border-color: rgb(170,120,220);
  --bs-btn-focus-shadow-rgb: 170,120,220;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(170,120,220);
  --bs-btn-hover-border-color: rgb(170,120,220);
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(170,120,220);
  --bs-btn-active-border-color: rgb(170,120,220);
  --bs-btn-disabled-color: rgb(170,120,220);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(170,120,220);
}

.p-5 {
  padding: 3rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

@media (min-width: 992px) {
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}