:root, [data-bs-theme=light] {
  --bs-primary: #5769E0;
  --bs-primary-rgb: 87,105,224;
  --bs-primary-text-emphasis: #232A5A;
  --bs-primary-bg-subtle: #DDE1F9;
  --bs-primary-border-subtle: #BCC3F3;
  --bs-light: #F2F0EB;
  --bs-light-rgb: 242,240,235;
  --bs-light-text-emphasis: #61605E;
  --bs-light-bg-subtle: #FCFCFB;
  --bs-light-border-subtle: #FAF9F7;
  --bs-dark: #0A0A0A;
  --bs-dark-rgb: 10,10,10;
  --bs-dark-text-emphasis: #040404;
  --bs-dark-bg-subtle: #CECECE;
  --bs-dark-border-subtle: #9D9D9D;
  --bs-body-color: #0A0A0A;
  --bs-body-color-rgb: 10,10,10;
  --bs-body-bg: #F2F0EB;
  --bs-body-bg-rgb: 242,240,235;
  --bs-secondary-bg: #F2F0EB;
  --bs-secondary-bg-rgb: 242,240,235;
  --bs-tertiary-bg: #F2F0EB;
  --bs-tertiary-bg-rgb: 242,240,235;
  --bs-secondary-color: rgba(10,10,10,0.75);
  --bs-secondary-color-rgb: 10,10,10,0.75;
  --bs-tertiary-color: rgba(10,10,10,0.5);
  --bs-tertiary-color-rgb: 10,10,10,0.5;
  --bs-body-font-family: GeneralSans-Regular;
  --bs-border-style: none;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #5769E0;
  --bs-btn-border-color: #5769E0;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4A59BE;
  --bs-btn-hover-border-color: #4654B3;
  --bs-btn-focus-shadow-rgb: 230,233,250;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4654B3;
  --bs-btn-active-border-color: #414FA8;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5769E0;
  --bs-btn-disabled-border-color: #5769E0;
}

.btn-outline-primary {
  --bs-btn-color: #5769E0;
  --bs-btn-border-color: #5769E0;
  --bs-btn-focus-shadow-rgb: 87,105,224;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5769E0;
  --bs-btn-hover-border-color: #5769E0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5769E0;
  --bs-btn-active-border-color: #5769E0;
  --bs-btn-disabled-color: #5769E0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #5769E0;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #F2F0EB;
  --bs-btn-border-color: #F2F0EB;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #CECCC8;
  --bs-btn-hover-border-color: #C2C0BC;
  --bs-btn-focus-shadow-rgb: 36,36,35;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #C2C0BC;
  --bs-btn-active-border-color: #B6B4B0;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #F2F0EB;
  --bs-btn-disabled-border-color: #F2F0EB;
}

.btn-outline-light {
  --bs-btn-color: #F2F0EB;
  --bs-btn-border-color: #F2F0EB;
  --bs-btn-focus-shadow-rgb: 242,240,235;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F2F0EB;
  --bs-btn-hover-border-color: #F2F0EB;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F2F0EB;
  --bs-btn-active-border-color: #F2F0EB;
  --bs-btn-disabled-color: #F2F0EB;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F2F0EB;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0A0A0A;
  --bs-btn-border-color: #0A0A0A;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #090909;
  --bs-btn-hover-border-color: #080808;
  --bs-btn-focus-shadow-rgb: 218,218,218;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #080808;
  --bs-btn-active-border-color: #080808;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0A0A0A;
  --bs-btn-disabled-border-color: #0A0A0A;
}

.btn-outline-dark {
  --bs-btn-color: #0A0A0A;
  --bs-btn-border-color: #0A0A0A;
  --bs-btn-focus-shadow-rgb: 10,10,10;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0A0A0A;
  --bs-btn-hover-border-color: #0A0A0A;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0A0A0A;
  --bs-btn-active-border-color: #0A0A0A;
  --bs-btn-disabled-color: #0A0A0A;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0A0A0A;
}

[data-bs-theme=dark] {
  --bs-border-style: none;
}

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

.p-4 {
  padding: 1.5rem !important;
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

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

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

@media (min-width: 768px) {
  .p-md-5 {
    padding: 3rem !important;
  }
}

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

@media (min-width: 1200px) {
  .p-xl-4 {
    padding: 1.5rem !important;
  }
}

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