/* Win over legacy main.css theme colors on the public site */
html, body {
  background: var(--background) !important;
  color: var(--foreground) !important;
  font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
  font-family: var(--font-display) !important;
  color: var(--foreground) !important;
  letter-spacing: -0.02em;
}

.lead {
  color: var(--muted-foreground) !important;
  font-family: var(--font-sans) !important;
}

a {
  color: inherit;
}

.btn-primary {
  background: var(--primary) !important;
  border-color: transparent !important;
  color: var(--primary-foreground) !important;
}

.btn-outline,
.btn-outline-primary,
.btn-outline-light {
  background: transparent !important;
  border-color: var(--border) !important;
  color: var(--foreground) !important;
}