/* Custom accent color on top of vendored Bootstrap 5.3.3.
   Bootstrap's compiled bootstrap.min.css bakes literal hex values into
   most components rather than referencing the --bs-primary custom
   property, so a root-level override alone isn't enough - each
   component that uses "primary" needs its own override here. This
   avoids needing a Sass build step, which this project doesn't have. */

:root {
  --bs-primary: #c1502e;
  --bs-primary-rgb: 193, 80, 46;
  --bs-link-color-rgb: 193, 80, 46;
  --bs-link-hover-color-rgb: 138, 56, 25;
}

.btn-primary {
  --bs-btn-bg: #c1502e;
  --bs-btn-border-color: #c1502e;
  --bs-btn-hover-bg: #a1421f;
  --bs-btn-hover-border-color: #963e1d;
  --bs-btn-active-bg: #8a3819;
  --bs-btn-active-border-color: #963e1d;
  --bs-btn-disabled-bg: #c1502e;
  --bs-btn-disabled-border-color: #c1502e;
  --bs-btn-focus-shadow-rgb: 193, 80, 46;
}

.btn-outline-primary {
  --bs-btn-color: #c1502e;
  --bs-btn-border-color: #c1502e;
  --bs-btn-hover-bg: #c1502e;
  --bs-btn-hover-border-color: #c1502e;
  --bs-btn-active-bg: #a1421f;
  --bs-btn-active-border-color: #963e1d;
  --bs-btn-disabled-color: #c1502e;
  --bs-btn-disabled-border-color: #c1502e;
}

.bg-primary {
  background-color: #c1502e !important;
}

.text-primary {
  color: #c1502e !important;
}

.border-primary {
  border-color: #c1502e !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #d68e75;
  box-shadow: 0 0 0 0.25rem rgba(193, 80, 46, 0.25);
}

.form-check-input:checked {
  background-color: #c1502e;
  border-color: #c1502e;
}

.form-check-input:focus {
  border-color: #d68e75;
  box-shadow: 0 0 0 0.25rem rgba(193, 80, 46, 0.25);
}