:root {
  --font-primary: "futura-pt", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html, body {
  font-family: var(--font-primary);
}

h1, h2, h3 {
  color: var(--primary-color-accessible, #1f1f1f);
}

h1:focus {
  outline: none;
}

a, .btn-link {
  color: var(--primary-color-accessible, #1f1f1f);
}

a:hover, .btn-link:hover {
  color: var(--primary-color-accessible, #1f1f1f);
  text-decoration: underline;
}

.btn-primary {
  color: #fff;
  background-color: var(--primary-color-accessible, #1f1f1f);
  border-color: var(--primary-color-accessible, #1f1f1f);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #fff;
  background-color: color-mix(in srgb, var(--primary-color-accessible) 85%, black);
  border-color: color-mix(in srgb, var(--primary-color-accessible) 85%, black);
}