:root { --gold: #c8a24b; }

body {
  margin: 0;
  background:
    radial-gradient(1200px 500px at 50% -100px, #fdfbf4 0%, transparent 70%),
    linear-gradient(180deg, #faf8f2 0%, #f2efe7 100%);
  min-height: 100vh;
}

::selection { background: rgba(200,162,75,0.35); }

input[type="date"], select { cursor: pointer; }

/* Staggered gallery fade-in */
img {
  animation: fadeIn 0.6s ease both;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Loading shimmer placeholder for images while they generate */
img {
  background: linear-gradient(100deg, #ece8dd 30%, #f5f2e9 50%, #ece8dd 70%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite linear, fadeIn 0.6s ease both;
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

button { transition: all 0.15s ease; }

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: #d8d2c2; border-radius: 4px; }