@tailwind base;
@tailwind components;
@tailwind utilities;

/* For scroll-reveal animation */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Custom focus-visible styles for accessibility */
:focus-visible {
    outline: 2px solid rgb(59 130 246 / 0.5);
    outline-offset: 2px;
    border-radius: 6px;
}