html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Inter', sans-serif;
}

/* Font Awesome color inheritance */
.ingredient-label i {
  color: inherit;
}

/* Smooth transitions */
.ingredient-label div {
  transition: all 0.2s ease-in-out;
}

/* Sticky action bar z-index */
form > div:last-child {
  z-index: 50;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 4px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #4b5563;
}