:root {
  --bs-custom-dark: #141a26;
  --bs-custom-red: #cf4837;
}

.bg-custom-dark {
  background-color: var(--bs-custom-dark);
}

.text-custom-dark {
  color: var(--bs-custom-dark);
}

.text-custom-red {
  color: var(--bs-custom-red);
}

.btn-custom-red {
    --bs-btn-bg: var(--bs-custom-red);
  --bs-btn-border-color: var(--bs-custom-red);
  --bs-btn-hover-bg: #b83f30;
  --bs-btn-hover-border-color: #a83929;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #a83929;
  --bs-btn-active-border-color: #982f23;
  --bs-btn-disabled-bg: #cf4837;
  --bs-btn-disabled-border-color: #cf4837;
}

.btn-outline-custom-red {
  --bs-btn-color: var(--bs-custom-red);
  --bs-btn-border-color: var(--bs-custom-red);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-custom-red);
  --bs-btn-hover-border-color: var(--bs-custom-red);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b83f30;
  --bs-btn-active-border-color: #a83929;
  --bs-btn-disabled-color: var(--bs-custom-red);
  --bs-btn-disabled-border-color: var(--bs-custom-red);
}