:root {
  --bs-primary: #FA4616;
  --bs-primary-rgb: 250, 70, 22;
  --bs-body-color: #101111;
  --bs-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
  background: linear-gradient(180deg, #f5c4b8 0%, #f0eeee 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  min-height: 100vh;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #101010;
  --bs-btn-border-color: #101010;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FA4616;
  --bs-btn-hover-border-color: #FA4616;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e03b10;
  --bs-btn-active-border-color: #e03b10;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #101010;
  --bs-btn-disabled-border-color: #101010;
}

.btn-outline-primary {
  --bs-btn-color: #101010;
  --bs-btn-border-color: #101010;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FA4616;
  --bs-btn-hover-border-color: #FA4616;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #e03b10;
  --bs-btn-active-border-color: #e03b10;
  --bs-btn-disabled-color: #101010;
  --bs-btn-disabled-border-color: #101010;
}

.form-control:focus {
  border-color: #FA4616;
  box-shadow: 0 0 0 0.25rem rgba(250, 70, 22, 0.15);
}

.password-toggle {
  text-decoration: none !important;
  line-height: 1;
}

.password-toggle:hover,
.password-toggle:focus-visible {
  color: #FA4616 !important;
}

a {
  color: #FA4616;
}

a:hover {
  color: #e03b10;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
  color: #FA4616 !important;
  background: rgba(250, 70, 22, 0.07);
}

.campaign-card-img {
  height: 180px;
  object-fit: cover;
  width: 100%;
}

.campaign-image-trigger {
  cursor: pointer;
}