/* ===== Primary Orange Theme ===== */
:root{
  --bs-primary: #e66c10;
  --bs-primary-rgb: 230, 108, 16;

  /* opsional biar hover/active lebih gelap dikit */
  --primary-hover: #cc5f0e;
  --primary-active: #b6550d;
}

/* Bootstrap/Sneat components */
.btn-primary{
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--primary-hover);
  --bs-btn-hover-border-color: var(--primary-hover);
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary{
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-bg: var(--primary-active);
  --bs-btn-active-border-color: var(--primary-active);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* text/link/bg utilities */
.text-primary{ color: var(--bs-primary) !important; }
.bg-primary{ background-color: var(--bs-primary) !important; }
.link-primary{ color: var(--bs-primary) !important; }
.link-primary:hover{ color: var(--primary-hover) !important; }

/* Progress bar (campaign progress) */
.progress-bar{ background-color: var(--bs-primary) !important; }

/* Form focus ring */
.form-control:focus, .form-select:focus{
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}