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

html, body {
  font-family: 'Prompt', sans-serif;
  scroll-behavior: smooth;
  background-color: #fdfaf6; /* พื้นหลังสีครีมอมเหลืองอ่อนๆ */
  color: #44403c;
}

/* เอฟเฟกต์การ์ดโทนสีอบอุ่น */
.place-card {
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.place-card:hover {
  transform: translateY(-12px);
  /* เงาโทนสีส้มอิฐ/ทอง */
  box-shadow: 0 22px 35px -5px rgba(217, 119, 6, 0.15), 0 10px 20px -5px rgba(0, 0, 0, 0.05);
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes scaleUp {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.animate-fade-in {
  animation: fadeIn 0.2s ease-out forwards;
}

.animate-scale-up {
  animation: scaleUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Custom Scrollbar โทนสีอบอุ่น */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f5f5f4; 
}
::-webkit-scrollbar-thumb {
  background: #d6d3d1; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d97706; /* สี Amber-600 */
}