/* Base styles handled by Tailwind, custom additions here */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #040d12;
    color: #f8f9fa;
}

/* Prevent FOUC */
.js-enabled body {
    opacity: 1;
}

/* Fade in animation for scroll elements */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}

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