:root {
  /* Sampled from the association seal (public/images/logo/staup-logo.jpeg) */
  --bs-primary: #c8161a;
  --bs-primary-rgb: 200, 22, 26;
  --bs-secondary: #241572;
  --bs-secondary-rgb: 36, 21, 114;
  --staup-gold: #e8b923;
  --staup-navy: #1d1359;
  --staup-cream: #fff8ed;
  --bs-body-font-family: "Inter", system-ui, sans-serif;
  --bs-body-color: #3a3f44;
  --bs-heading-color: #1d1359;
}

html,
body {
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: var(--bs-body-font-family);
  color: var(--bs-body-color);
}

main#content {
  flex: 1;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--bs-heading-color);
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover {
  background-color: #a30f13;
  border-color: #a30f13;
}

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

.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.text-primary {
  color: var(--bs-primary) !important;
}