:root {
  --il-blue: #13294b;
  --il-blue-rgb: 19, 41, 75;
  --il-orange: #ff5f05;
  --il-orange-rgb: 255, 95, 5;
  --il-altgeld: #c84113;
  --il-altgeld-rgb: 200, 65, 19;
  --il-arches: #009fd4;
  --il-arches-rgb: 0, 159, 212;
  --il-industrial: #1d58a7;
  --il-industrial-rgb: 29, 88, 167;
  --il-harvest: #fcb316;
  --il-harvest-rgb: 252, 179, 22;
  --il-prairie: #006230;
  --il-prairie-rgb: 0, 98, 48;
  --il-patina: #007e8e;
  --il-patina-rgb: 0, 126, 142;
  --il-berry: #5c0e41;
  --il-berry-rgb: 92, 14, 65;
  --il-earth: #7d3e13;
  --il-earth-rgb: 125, 62, 19;

  --bs-primary-rgb: var(--il-blue-rgb);
  --bs-success-rgb: var(--il-prairie-rgb);
  --bs-danger-rgb: var(--il-altgeld-rgb);
  --bs-warning-rgb: var(--il-harvest-rgb);
  --bs-info-rgb: var(--il-patina-rgb);
}

.card {
  --bs-info-rgb: var(--il-patina-rgb);
}

.credit-delta {
  color: var(--il-arches);
}

.credit-delta.negative {
  color: var(--il-orange);
}

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

.btn-danger {
  --bs-btn-bg: var(--il-altgeld);
  --bs-btn-border-color: var(--il-altgeld);
  --bs-btn-hover-bg: var(--il-orange);
  --bs-btn-hover-border-color: var(--il-orange);
  --bs-btn-active-bg: var(--il-altgeld);
  --bs-btn-active-border-color: var(--il-altgeld);
  --bs-btn-disabled-bg: var(--il-altgeld);
  --bs-btn-disabled-border-color: var(--il-altgeld);
  --bs-btn-focus-shadow-rgb: var(--il-altgeld-rgb);
}

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

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

.btn-check + .btn-outline-dark:hover {
  background-color: var(--il-industrial);
  border-color: var(--il-blue);
  color: #fff;
}