@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@500,600,700&display=swap');

html { scroll-behavior: smooth; }

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

h1, h2, h3, h4, h5, h6, .font-heading { 
    font-family: 'General Sans', sans-serif; 
}

/* Scroll Animation Base Classes */
.animate-hidden { 
    opacity: 0; 
    transform: translateY(10px);
    transition: all 0.6s ease; 
}
.animate-visible { 
    opacity: 1; 
    transform: translateY(0);
}

/* Background Patterns */
.grid-pattern {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, #e5e7eb 1px, transparent 1px), linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
}