/* Main CSS File - Import all modules */
/* ?? 重要：この順序で読み込む */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');
@import url('./base/buttons.css');

@import url('./layout/header.css');
@import url('./layout/footer.css');
@import url('./layout/grid.css');

@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/modals.css');
@import url('./components/sliders.css');
@import url('./components/filters.css');

@import url('./sections/hero.css');
@import url('./sections/about.css');
@import url('./sections/talents.css');
@import url('./sections/services.css');
@import url('./sections/contact.css');

@import url('./pages/home.css');
@import url('./pages/talent-detail.css');
@import url('./pages/talents-list.css');
@import url('./pages/privacy.css');

@import url('./responsive/mobile.css');
@import url('./responsive/tablet.css');
@import url('./responsive/print.css');

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

.fade-in {
    animation: fadeInUp 0.6s ease forwards;
}