:root {
  --color-maroon: #800020;
  --color-navy: #1f3c5b;
  --color-steel: #4f6d8c;
  --color-warm-light: #f7f4f2;
  --color-warm-mid: #f1d6cf;
  --color-brass: #c99a2e;
  --color-body: #262626;
}

body {
  background-color: var(--color-warm-light);
  color: var(--color-body);
}

.bg-section-warm {
  background-color: var(--color-warm-mid);
}

h1,
h2,
h3 {
  color: var(--color-maroon);
}

.text-maroon {
  color: var(--color-maroon);
}

.text-brass {
  color: var(--color-brass);
}

.btn-primary {
  background-color: var(--color-navy);
  border-color: var(--color-navy);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--color-steel);
  border-color: var(--color-steel);
  color: #ffffff;
}

.btn-outline-primary {
  color: var(--color-navy);
  border-color: var(--color-navy);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: var(--color-navy);
  border-color: var(--color-navy);
  color: #ffffff;
}

.link-accent {
  color: var(--color-navy);
}

.link-accent:hover,
.link-accent:focus {
  color: var(--color-steel);
}

.badge-step {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: 2px solid var(--color-maroon);
  background-color: #ffffff;
  color: var(--color-maroon);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1;
  flex-shrink: 0;
}

.credential-pill {
  display: inline-flex;
  align-items: center;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  border: 1px solid var(--color-maroon);
  background-color: #ffffff;
  color: var(--color-maroon);
  font-weight: 500;
  font-size: 0.95rem;
}

/*# sourceMappingURL=main.css.map */