:root {
  --bs-primary: #a390f0;
  --bs-primary-rgb: 163, 144, 240;
  --bs-primary-text-emphasis: #3c345c;
  --bs-primary-bg-subtle: #e9e4fa;
  --bs-primary-border-subtle: #d1c9f7;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #8a74d9;
  --bs-btn-hover-border-color: #8a74d9;
  --bs-btn-active-bg: #7d68c8;
  --bs-btn-active-border-color: #7d68c8;
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}

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

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

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

/* Add other Bootstrap components that use primary color as needed */