/* Font Imports */
/* Note: Imports should ideally be in the HTML head or at the very top of the main CSS */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap'); */

body { font-family: 'Lato', sans-serif; }
h1, h2, h3, h4 { font-family: 'Playfair Display', serif; }
.animate-fade-in { animation: fadeIn 0.8s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #166534; border-radius: 4px; }
#initial-loader { transition: opacity 0.5s ease-out, visibility 0.5s; }
.loader-leaf { color: #166534; animation: float 2s ease-in-out infinite; }
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } }

/* Custom scrollbar for modal - ensures smooth scroll on mobile */
.custom-scrollbar {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior: contain;
    overflow-y: auto;
}