:root {
  --brand-primary: #467fd0;
  --brand-primary-hover: #3463a5;
  --brand-primary-active: #2a4f84;
  --brand-primary-rgb: 70, 127, 208;

  --primary: var(--brand-primary);
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: var(--brand-primary-rgb);
  --bs-link-color: var(--brand-primary);
  --bs-link-hover-color: var(--brand-primary-hover);
  --tblr-primary: var(--brand-primary);
}

a { color: var(--brand-primary); }
a:hover { color: var(--brand-primary-hover); }

.btn-primary {
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-border-color: var(--brand-primary);
  --bs-btn-hover-bg: var(--brand-primary-hover);
  --bs-btn-hover-border-color: var(--brand-primary-hover);
  --bs-btn-active-bg: var(--brand-primary-active);
  --bs-btn-active-border-color: var(--brand-primary-active);
}
.btn-primary:hover {
  color: #fff;
  background-color: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-primary-active);
  border-color: var(--brand-primary-active);
}

.btn-outline-primary {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.5);
}

.bg-primary {
  background-color: var(--brand-primary) !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:focus {
  background-color: var(--brand-primary-hover) !important;
}

.text-primary {
  color: var(--brand-primary) !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: var(--brand-primary-hover) !important;
}

.badge-primary {
  color: #fff;
  background-color: var(--brand-primary);
}

.alert-primary {
  color: #f4f8fd;
  background-color: var(--brand-primary);
  border-color: #3f73bb;
}

.page-item.active .page-link {
  background-color: var(--brand-primary);
  border-color: var(--brand-primary);
}
.page-link {
  color: var(--brand-primary);
}
.page-link:hover {
  color: var(--brand-primary-hover);
}

.form-control:focus {
  border-color: #9bb8e3;
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-primary-rgb), 0.25);
}