body.page-width-narrow {
  --narrow-page-width: 82.5rem;
  --page-margin: max(1.5rem, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px));
}

:root {
  --color-primary-button-hover-background: #BDDD6B;
  --color-primary-button-hover-text: #1C241E;
  --color-primary-button-hover-border: #1C241E;
}

.button:focus-visible {
  outline-color: var(--color-foreground);
}

.footer-content .menu__heading {
  color: var(--color-primary-button-background);
}

@media screen and (min-width: 750px) {
  body.page-width-narrow {
    --page-margin: max(3rem, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px));
  }
}