:root {
  --bs-primary: #1e71b8;
  --bs-secondary: #e3edf5;

    /* global font overrides */
  --bs-body-font-family: 'Open Sans', Arial, sans-serif;
  --bs-heading-font-family: 'Montserrat', 'Open Sans', sans-serif;
}

body {
  font-size: 16px; /* Base font size */
}

p {
  font-size: 1em; /* 1 * 16 = 16px */
}

.hv-article {
  border-left: #d9e4e7 1px solid;
  border-right: #d9e4e7 1px solid;
  background-color: #fafdff;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.footer-sub {
  font-size: 0.65em;
}

/* Make .btn-primary actually use the variable (higher specificity) */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: color-mix(in srgb, var(--bs-primary) 80%, black 20%) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: color-mix(in srgb, var(--bs-primary) 85%, black 15%) !important;
  border-color: color-mix(in srgb, var(--bs-primary) 85%, black 15%) !important;
}

/* Secondary */
.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: color-mix(in srgb, var(--bs-secondary) 80%, black 20%) !important;
  color: #fff !important;
}