/* Import elegant serif font */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Montserrat', sans-serif;
  background: linear-gradient(135deg, #F0F0EA 0%, #E8E6E1 100%);
  color: #131510;
  line-height: 1.6;
  min-height: 100vh;
}

h1, h2, h3 {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #F0F0EA;
}

::-webkit-scrollbar-thumb {
  background: #A28461;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8B6F4E;
}

/* Smooth focus states */
textarea:focus,
button:focus,
input:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(162, 132, 97, 0.2);
}

/* Button hover effects */
button {
  transition: all 0.3s ease;
  cursor: pointer;
}

button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(19, 21, 16, 0.15);
}

button:active {
  transform: translateY(0);
}

/* Card shadows */
.shadow-lg {
  box-shadow: 0 10px 30px rgba(19, 21, 16, 0.08);
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.container {
  animation: fadeIn 0.6s ease;
}