:root {
  --text-color-hero: #5E4824; 
  --background-color-hero: #FFCD45;
  --button-text-color-hero: white;
  --giallo-peck:  #FFCD45;
  --marrone-peck: #5E4824; 
  --marrone-peck-darker: #877147;
  --text-prefooter-ecommerce: #5E4824;
  --background-color-prefooter-ecommerce: #FFCD45;
  --gap80-to-56: 80px;
}

@media (max-width: 640px) {
  :root {
    --gap80-to-56: 56px;
  }
  
}