@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Caveat:wght@400..700&family=Montserrat:wght@300;400;500;600&display=swap');

body {
  margin: 0;
  padding: 0;
  background-color: #3a1313; /* Dark Red */
  color: #f0e6d2; /* Light Cream */
  /* Subtle Paper Grain Texture */
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
  min-height: 100vh;
  /* Old photo vignette effect */
  box-shadow: inset 0 0 150px rgba(0,0,0,0.7);
}

#root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #260a0a;
}

::-webkit-scrollbar-thumb {
  background: #5c2b2b;
  border-radius: 5px;
  border: 1px solid #260a0a;
}

::-webkit-scrollbar-thumb:hover {
  background: #d4a373; /* Sepia accent on hover */
}

/* Ensure date picker icon matches text color */
::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 0.6;
  cursor: pointer;
}

/* Smooth fade in for images */
img {
  transition: opacity 0.5s ease-in-out;
}