@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");

* {
  font-family: "Inter", sans-serif;
}

.ingredient-item:hover {
  background-color: #fef3c7;
  transform: translateX(4px);
}

.step-completed {
  background-color: #d1fae5;
  border-left: 4px solid #10b981;
}

.progress-bar {
  transition: width 0.5s ease-in-out;
}

.timer-pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.fade-in {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media print {
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  body {
    background: white !important;
  }
  .recipe-card {
    box-shadow: none !important;
    margin: 0 !important;
  }
}

.print-only {
  display: none;
}