:root{
  --bs-white:#ffffff;
  --bs-light:#f4f8fb;
  --bs-dark:#213c6d;
  --bs-primary:#208aae;
  --bs-secondary:#213c6d;
  --bs-info:#208aae;
  --bs-success:#208aae;
  --bs-warning:#213c6d;
  --bs-danger:#213c6d;
}

.bg-light { background-color: var(--bs-light) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-primary { background-color: var(--bs-primary) !important; }
.text-dark { color: var(--bs-dark) !important; }
.text-muted { color: rgba(33,60,109,.75) !important; }

body{
  background: var(--bs-light);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}

.app-title{ font-family:'League Spartan', system-ui, sans-serif; letter-spacing: .5px; }

.card{
  border-radius:.75rem;
  box-shadow:0 4px 10px rgba(0,0,0,.06);
  border:0;
}
.card + .card{ margin-top: 1rem; }

.card-header{
  border-radius:.75rem;
  padding: 1rem 1.25rem;
  font-weight: 700;
  cursor: pointer;
  color: #fff !important;
  border:0;
}
.card-header.collapsed{
  border-bottom-left-radius:.75rem;
  border-bottom-right-radius:.75rem;
}

.pill{
  display:inline-block;
  padding:.2rem .6rem;
  border-radius:999px;
  background: rgba(32,138,174,.12);
  color: var(--bs-dark);
  font-weight: 600;
  font-size:.85rem;
}

.small-note{ font-size:.9rem; color: rgba(33,60,109,.8); }
.footer-text{
  font-size:.8rem;
  color: var(--bs-dark);
  margin-top: 1.25rem;
  padding-bottom: .75rem;
  text-align: left;
}
pre{ white-space: pre-wrap; }

.btn-group .btn{ border-radius: .6rem !important; }
.btn-group.text-nowrap .btn { width: 75px; }
.btn-group.w-100 .btn {
  flex: 1 1 0%;
  white-space: normal;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #1b7594;
  --bs-btn-hover-border-color: #196f8c;
  --bs-btn-active-bg: #196f8c;
  --bs-btn-active-border-color: #18647e;
}
.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: rgba(32, 138, 174, 0.5);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
}
.btn-secondary {
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-bg: #1c335c;
  --bs-btn-hover-border-color: #1a2f55;
  --bs-btn-active-bg: #1a2f55;
  --bs-btn-active-border-color: #172a4c;
}
.btn-outline-secondary {
  --bs-btn-color: var(--bs-secondary);
  --bs-btn-border-color: rgba(33, 60, 109, 0.35);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-secondary);
  --bs-btn-hover-border-color: var(--bs-secondary);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-secondary);
  --bs-btn-active-border-color: var(--bs-secondary);
}