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

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

h1, h2, h3, h4, .font-outfit {
    font-family: 'Outfit', sans-serif;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #064e3b;
    color: white;
    padding: 8px;
    z-index: 100;
    transition: top 0.2s;
}

.skip-link:focus {
    top: 0;
}

/* Animation Utilities */
.hero-content {
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

.hero-image {
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Menu Animation */
#mobile-menu {
    animation: slideDown 0.3s ease-out forwards;
}

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