:root, [data-bs-theme=light] {
  --bs-primary: #0214fe;
  --bs-primary-rgb: 2,20,254;
  --bs-primary-text-emphasis: #010866;
  --bs-primary-bg-subtle: #CCD0FF;
  --bs-primary-border-subtle: #9AA1FF;
  --bs-body-font-family: 'Roboto Flex', sans-serif;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0214fe;
  --bs-btn-border-color: #0214fe;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0211D8;
  --bs-btn-hover-border-color: #0210CB;
  --bs-btn-focus-shadow-rgb: 217,220,255;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0210CB;
  --bs-btn-active-border-color: #020FBF;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0214fe;
  --bs-btn-disabled-border-color: #0214fe;
}

.btn-outline-primary {
  --bs-btn-color: #0214fe;
  --bs-btn-border-color: #0214fe;
  --bs-btn-focus-shadow-rgb: 2,20,254;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0214fe;
  --bs-btn-hover-border-color: #0214fe;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0214fe;
  --bs-btn-active-border-color: #0214fe;
  --bs-btn-disabled-color: #0214fe;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0214fe;
}