/* Custom styles beyond Tailwind */
html {
  scroll-behavior: smooth;
}

/* Subtle pottery texture feel on cards */
.card-texture {
  background-image: radial-gradient(circle at 20% 80%, rgba(198, 93, 59, 0.03) 0%, transparent 50%);
}

/* Focus styles for accessibility */
a:focus-visible, button:focus-visible {
  outline: 2px solid #c65d3b;
  outline-offset: 2px;
}

/* Print-friendly */
@media print {
  header, footer, #mobile-menu-btn {
    display: none !important;
  }
}