/* Tailwind base layer adjustments */
@layer base {
  html {
    scroll-padding-top: 80px; /* Offset for fixed header */
    scroll-behavior: smooth;
  }
}

/* Custom scrollbar for a classic feel */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #FAF8F5; /* theme-bg */
}

::-webkit-scrollbar-thumb {
  background: #E8E1D9; /* theme-border */
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #8B5A2B; /* theme-accent */
}

/* Hide broken image icons elegantly */
img {
    color: transparent;
}