:root {
  --color-pine-teal: rgb(1 72 64 / 1);
  --color-sunflower-gold: rgb(249 192 91 / 1);
  --color-white: rgb(255 255 255 / 1);
  --background-primary: var(--color-pine-teal);
  --text-accent: var(--color-sunflower-gold);
  --text-white: var(--color-white);
}

body {
  white-space: normal;
  white-space-collapse: collapse;
}

@media all and (max-width: 767px) {
  [data-nav] {
    position: relative;
  }

  [data-nav].is-open [data-nav-menu] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.75rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: var(--background-primary);
    padding: 1rem 1.5rem;
    z-index: 10;
  }
}