@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Playfair+Display:wght@700&display=swap');

:root {
  --primary-bg: #FDFBF7;
  --primary-text: #1A1A1A;
  --accent: #B45309;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--primary-bg);
  color: var(--primary-text);
}

.font-heading {
  font-family: 'Playfair Display', serif;
}

#cartWindow .modal-box {
  scroll-behavior: smooth;
}

.productAddBtn {
  transition: all 0.3s ease-in-out;
}

.productAddBtn:active {
  transform: scale(0.95);
}

/* Ensure scrolling on mobile */
@media (max-width: 768px) {
  #cartWindow.modal {
    align-items: flex-start;
    padding-top: 2rem;
  }
}