/**
 * ========================================
 * MAIN CSS - Clean Architecture Import
 * ========================================
 * 
 * 이 파일은 모든 CSS 모듈을 올바른 순서로 import합니다.
 * import 순서는 CSS 캐스케이드에 직접적인 영향을 미치므로 
 * 이 순서를 변경할 때는 주의가 필요합니다.
 */

/* ============================= */
/* 1. Base (Reset & Variables)   */
/* 가장 먼저 로드: 기본 스타일 초기화 */
/* ============================= */
@import "./base/variables.css";
@import "./base/reset.css";

/* ============================= */
/* 2. Layout                     */
/* 페이지 레이아웃 및 전환 효과  */
/* ============================= */
@import "./layout/transitions.css";

/* ============================= */
/* 3. Components                 */
/* 재사용 가능한 UI 컴포넌트     */
/* ============================= */
@import "./components/cursor.css";
@import "./components/navigation.css";
@import "./components/intro-loader.css";
@import "./components/cosmic-bg.css";
@import "./components/buttons.css";

/* ============================= */
/* 4. Pages                      */
/* 페이지별 고유 스타일          */
/* ============================= */
@import "./pages/branches.css";
@import "./pages/stem.css";
@import "./pages/roots.css";

/* ============================= */
/* 5. Utilities                  */
/* 애니메이션 및 반응형 오버라이드 */
/* 마지막에 로드하여 우선순위 확보 */
/* ============================= */
@import "./utilities/animations.css";
@import "./utilities/premium-animations.css";
@import "./utilities/responsive.css";