@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Mukta:wght@400;500;600;700&family=Tiro+Devanagari+Marathi:ital@0;1&display=swap');

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

body.lang-mr {
  font-family: 'Mukta', sans-serif;
}

h1, h2, h3, .font-serif {
  font-family: 'Playfair Display', serif;
}

body.lang-mr h1, body.lang-mr h2, body.lang-mr h3, body.lang-mr .font-serif {
  font-family: 'Tiro Devanagari Marathi', serif;
}

.menu-leader {
  flex-grow: 1;
  border-bottom: 2px dotted #e5e7eb; /* stone-200 */
  margin: 0 12px 6px 12px;
  opacity: 0.6;
}

.fade-in {
  animation: fadeIn 0.6s ease-out forwards;
}

.slide-up {
  animation: slideUp 0.4s ease-out forwards;
  opacity: 0;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
