
:root {
  --background-color: #0b1120;
  --primary-color: #e0f0ff;
  --secundary-color: #a0b8d8;
  --water: #4fc1e9;
  --food: #f7c06b;
  --button-background: #1c243b;
  --button-hover: #3c8dbc;
}

button {
  background-color: var(--button-background);
  transition: background-color 0.3s ease-in-out;
  
  &:hover {
    background-color: var(--button-hover);
  }
}