/* Custom styles for CanadaSeniorsSupport */

/* Basic reset and font smoothing */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Animations */
@keyframes fadeInFromBottom {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInFromBottom 0.6s ease-out forwards;
    opacity: 0; /* Start invisible */
}

.animate-fade-in-up.delay-200 {
    animation-delay: 0.2s;
}

.animate-fade-in-up.delay-400 {
    animation-delay: 0.4s;
}

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Ensure images are responsive */
img {
    max-width: 100%;
    height: auto;
}

/* General button styling (Tailwind handles most, but for consistency) */
button {
    cursor: pointer;
    border: none;
    outline: none;
}

/* Focus states for accessibility */
input:focus,
button:focus,
a:focus {
    outline: 2px solid #ef4444; /* Red-600 */
    outline-offset: 2px;
}