/* 
* 모듈화된 CSS 파일 통합
* 각 파일은 특정 기능과 컴포넌트를 담당합니다.
*/

/* 기본 설정 및 변수 */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/utilities.css';

/* 레이아웃 컴포넌트 */
@import 'layout/header.css';
@import 'layout/navigation.css';
@import 'layout/search.css';
@import 'layout/main-content.css';
@import 'layout/sidebar.css';
@import 'layout/footer.css';

/* 컴포넌트 */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/category.css';
@import 'components/pagination.css';
@import 'components/forms.css';
@import 'components/scroll-to-top.css';
@import 'components/ads.css';

/* 섹션 */
@import 'sections/articles.css';
@import 'sections/models.css';
@import 'sections/research.css';
@import 'sections/cta.css';

/* 상태 및 애니메이션 */
@import 'states/loading.css';
@import 'states/animations.css';

/* 미디어 쿼리 및 반응형 */
@import 'responsive/responsive.css';

/* 테마 */
@import 'themes/dark-mode.css';