:root {
  --white: #fffcfc;
  --black: #0c1618;
  --background: #fffcfc;
  --background-subtle: #fef9f0;
  --primary: var(--black);
  --primary-contrast: var(--white);
  --secondary: #f94042;
  --secondary-contrast: var(--black);
  --brand: #f36269;
}

body {
  position: relative;
  color: var(--primary);
  background-color: var(--background);
}

body:has(.menu-entries--opening) {
  overflow: hidden;
}

main {
  margin-top: 5rem;

  @media screen and (min-width: 1280px) {
    margin-top: 7rem;
  }
}