@import 'tokens.css';
@import 'reset.css';
@import 'base.css';
@import 'layouts.css';
@import 'components.css';

/* Page-specific styles */
@import 'pages/article.css';
@import 'pages/blog.css';
@import 'pages/simulator.css';

/* Global Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.reveal {
    animation: fadeIn 0.8s cubic-bezier(0.2, 1, 0.2, 1) forwards;
}

html {
    scroll-behavior: smooth;
}

/* Specific Page Utility */
[hidden] {
    display: none !important;
}