:root, [data-bs-theme=light] {
  --bs-primary: #8d47ff;
  --bs-primary-rgb: 141,71,255;
  --bs-primary-text-emphasis: #381C66;
  --bs-primary-bg-subtle: #E8DAFF;
  --bs-primary-border-subtle: #D1B5FF;
  --bs-light: #333339;
  --bs-light-rgb: 51,51,57;
  --bs-light-text-emphasis: #141417;
  --bs-light-bg-subtle: #D6D6D7;
  --bs-light-border-subtle: #ADADB0;
  --bs-dark: #18181B;
  --bs-dark-rgb: 24,24,27;
  --bs-dark-text-emphasis: #0A0A0B;
  --bs-dark-bg-subtle: #D1D1D1;
  --bs-dark-border-subtle: #A3A3A4;
  --bs-body-color: #232328;
  --bs-body-color-rgb: 35,35,40;
  --bs-body-bg: #232328;
  --bs-body-bg-rgb: 35,35,40;
  --bs-secondary-bg: #2c2c32;
  --bs-secondary-bg-rgb: 44,44,50;
  --bs-tertiary-bg: #3a3a43;
  --bs-tertiary-bg-rgb: 58,58,67;
  --bs-secondary-color: rgba(35,35,40,0.75);
  --bs-secondary-color-rgb: 35,35,40,0.75;
  --bs-tertiary-color: rgba(35,35,40,0.5);
  --bs-tertiary-color-rgb: 35,35,40,0.5;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #8d47ff;
  --bs-btn-border-color: #8d47ff;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #783CD9;
  --bs-btn-hover-border-color: #7139CC;
  --bs-btn-focus-shadow-rgb: 238,227,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7139CC;
  --bs-btn-active-border-color: #6A35BF;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8d47ff;
  --bs-btn-disabled-border-color: #8d47ff;
}

.btn-outline-primary {
  --bs-btn-color: #8d47ff;
  --bs-btn-border-color: #8d47ff;
  --bs-btn-focus-shadow-rgb: 141,71,255;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8d47ff;
  --bs-btn-hover-border-color: #8d47ff;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8d47ff;
  --bs-btn-active-border-color: #8d47ff;
  --bs-btn-disabled-color: #8d47ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #8d47ff;
}

.btn-light {
  --bs-btn-color: #fff;
  --bs-btn-bg: #333339;
  --bs-btn-border-color: #333339;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2B2B30;
  --bs-btn-hover-border-color: #29292E;
  --bs-btn-focus-shadow-rgb: 224,224,225;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #29292E;
  --bs-btn-active-border-color: #26262B;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #333339;
  --bs-btn-disabled-border-color: #333339;
}

.btn-outline-light {
  --bs-btn-color: #333339;
  --bs-btn-border-color: #333339;
  --bs-btn-focus-shadow-rgb: 51,51,57;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #333339;
  --bs-btn-hover-border-color: #333339;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #333339;
  --bs-btn-active-border-color: #333339;
  --bs-btn-disabled-color: #333339;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #333339;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #18181B;
  --bs-btn-border-color: #18181B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #141417;
  --bs-btn-hover-border-color: #131316;
  --bs-btn-focus-shadow-rgb: 220,220,221;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #131316;
  --bs-btn-active-border-color: #121214;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #18181B;
  --bs-btn-disabled-border-color: #18181B;
}

.btn-outline-dark {
  --bs-btn-color: #18181B;
  --bs-btn-border-color: #18181B;
  --bs-btn-focus-shadow-rgb: 24,24,27;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #18181B;
  --bs-btn-hover-border-color: #18181B;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #18181B;
  --bs-btn-active-border-color: #18181B;
  --bs-btn-disabled-color: #18181B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #18181B;
}

[data-bs-theme=dark] {
  --bs-border-style: solid;
  --bs-border-color: #31353a;
}