:root, [data-bs-theme=light] {
  --bs-primary: #324e40;
  --bs-primary-rgb: 50,78,64;
  --bs-primary-bg: #fdfdfd;
  --bs-primary-text: #716c80;
  --bs-primary-text-emphasis: #141F1A;
  --bs-header-text: #57468b;
  --bs-heading-color: rgb(87, 70, 139);
  --bs-subtle-text: #aba9a9;
  --bs-primary-bg-subtle: #D6DCD9;
  --bs-primary-border-subtle: #ADB8B3;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;
  --bs-link-color: #542ad1;
}

.btn-primary {
  --bs-btn-color: #324e40;
  --bs-btn-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 50,78,64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #324e40;
  --bs-btn-hover-border-color: #324e40;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #324e40;
  --bs-btn-active-border-color: #324e40;
  --bs-btn-disabled-color: #324e40;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #324e40;
}

.btn-outline-primary {
  --bs-btn-color: #324e40;
  --bs-btn-border-color: #fff;
  --bs-btn-focus-shadow-rgb: 50,78,64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #324e40;
  --bs-btn-hover-border-color: #324e40;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #324e40;
  --bs-btn-active-border-color: #324e40;
  --bs-btn-disabled-color: #324e40;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #324e40;
}


.btn {
  border-radius: 10px;
  border-color: var(--bs-primary-bg-subtle);
  border-width: 2px;
  background: linear-gradient(0deg, var(--bs-primary-bg-subtle) 0%, white 80%), var(--bs-primary-bg-subtle);
  color: var(--bs-header-text); /* Updated to make the text purple */
  margin: 4px;
  padding-right: 18px;
  padding-left: 18px;
}

.btn:active {
  color: var(--bs-header-text); /* Ensure active text is also purple */
}

.btn:hover {
  background: var(--bs-primary);
}