:root {
  /* Layout helpers. */
  --max-width: 100%;
  --max-bg-color: 100%; /* Width to which the background color extends to. */
  /* --sp: 1.125rem;
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --container-padding: var(--sp); */
  
  /* colors */
  /** --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%); 
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%); 
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%); 
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%); 
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%); 
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%); **/
  
  /* --color--green-dark: rgb(0, 120, 92) 78.66%; */
  /* --color--green-ligth: rgb(0, 158, 121) 0%; */
  /** --color--green-dark: rgb(0, 158, 121);
  --color--green-ligth: rgb(0, 120, 92); **/
}

/**
.site-footer {
  color: var(--color--green-dark);
}
**/

/**
@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: solid var(--content-left) var(--color--green-dark);
  }
}
**/

/** 
.site-footer {
  position: relative;
  color: var(--color--green-ligth);
  background: linear-gradient(180deg,var(--color--green-dark) 0%,var(--color--green-ligth) 100%);
}
**/

.site-footer .block__title {
  color: var(--color--gray-5);
}

.menu--level-1 {
    margin: 0;
    color: var(--color--gray-20);
  }