:root {
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.75rem;
  --spacing-xl: 2.5rem;
  --spacing-xxl: 4rem;
}

.mirador-hero .body-text,
.mirador-story .body-text {
  font-family: var(--font-body-family);
}

.mirador-hero .heading,
.mirador-story .heading {
  font-family: var(--font-heading-family);
}