:root, [data-bs-theme=light] {
  --bs-primary: #ff5a60;
  --bs-primary-rgb: 255, 90, 96;
  --bs-primary-text-emphasis: darken(var(--bs-primary), 20%);
  --bs-primary-bg-subtle: #FEE3D0;
  --bs-primary-border-subtle: #FDC7A2;
  --bs-body-font-family: "Roboto", sans-serif;
  --bs-focus-ring-width: 0rem;
  -transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.btn {
  transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out;
  font-weight: 600;
}

.transition-fast {
  transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out,border-color .15s ease-in-out;
}

.transition-slow {
  transition: background-color .3s ease-in-out,box-shadow .3s ease-in-out,border-color .3s ease-in-out;
}

.btn-primary {
  --bs-btn-color: #000000;
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 80%, white);
  --bs-btn-hover-border-color: #FA812D;
  --bs-btn-focus-shadow-rgb: 37,17,3;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #FA8F45;
  --bs-btn-active-border-color: #FA812D;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f97316;
  --bs-btn-disabled-border-color: #f97316;
}

.btn-outline-primary {
  --bs-btn-color: #f97316;
  --bs-btn-border-color: #f97316;
  --bs-btn-focus-shadow-rgb: 249,115,22;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f97316;
  --bs-btn-hover-border-color: #f97316;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f97316;
  --bs-btn-active-border-color: #f97316;
  --bs-btn-disabled-color: #f97316;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f97316;
}

.my-3 {
  margin-top: 1rem!important;
  margin-bottom: 1rem!important;
}

.mt-0 {
  margin-top: 0!important;
}

.mt-2 {
  margin-top: .5rem!important;
}

.mt-3 {
  margin-top: 1rem!important;
}

.mt-4 {
  margin-top: 1.5rem!important;
}

.mt-6 {
  margin-top: 4.5rem !important;
}

.me-2 {
  margin-right: .5rem!important;
}

.mb-0 {
  margin-bottom: 0!important;
}

.mb-1 {
  margin-bottom: .25rem!important;
}

.mb-2 {
  margin-bottom: .5rem!important;
}

.mb-3 {
  margin-bottom: 1rem!important;
}

.mb-4 {
  margin-bottom: 1.5rem!important;
}

.ms-1 {
  margin-left: .25rem!important;
}

.ms-2 {
  margin-left: .5rem!important;
}

.ms-auto {
  margin-left: auto!important;
}

@media (min-width:768px) {
  .ms-md-2 {
    margin-left: .5rem!important;
  }
}