@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Inter:wght@300;400;500;600&display=swap');

body {
  font-family: 'Inter', system-ui, sans-serif;
}

.heading-serif {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.nav-link {
  transition: color 0.2s ease;
}

.nav-link:hover {
  color: var(--accent);
}

.menu-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1);
}

.gallery-img {
  transition: transform 0.4s ease;
}

.gallery-tile:hover .gallery-img {
  transform: scale(1.03);
}

.tab-active {
  background: var(--accent) !important;
  color: #fafafa !important;
  font-weight: 600;
  box-shadow: 0 0 16px rgba(209, 34, 227, 0.35);
}

.field-input {
  width: 100%;
  background: #18181b;
  border: 1px solid #3f3f46;
  border-radius: 1rem;
  padding: 0.875rem 1.25rem;
  outline: none;
  color: #fafafa;
}

.field-input:focus {
  border-color: var(--accent);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}