/**
 * Main CSS Entry Point
 *
 * CSS 아키텍처 진입점 (프로젝트 관리자 백오피스 — project)
 * - @layer를 통한 캐스케이드 제어
 * - @import를 통한 모듈화
 *
 * Layer 우선순위 (낮음 → 높음):
 * 1. reset     - 브라우저 기본 스타일 초기화
 * 2. tokens    - 디자인 토큰 (CSS 변수)
 * 3. base      - 전역 기본 스타일 + 다크모드
 * 4. layout    - 레이아웃 구조 (container, navbar)
 * 5. components - UI 컴포넌트 (buttons, forms, cards)
 * 6. pages     - 페이지별 스타일
 * 7. utilities - 유틸리티 클래스 (최상위 우선순위)
 */

/* ═══════════════════════════════════════════════════════════════════════════
   Layer 순서 선언 (가장 먼저 선언해야 함)
   ═══════════════════════════════════════════════════════════════════════════ */
@layer reset, tokens, base, layout, components, pages, utilities;

/* ═══════════════════════════════════════════════════════════════════════════
   1. Reset Layer
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./base/_reset.css');

/* ═══════════════════════════════════════════════════════════════════════════
   2. Tokens Layer - Design Tokens (CSS Variables)
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./tokens/_colors.css');
@import url('./tokens/_typography.css');
@import url('./tokens/_spacing.css');
@import url('./tokens/_shadows.css');

/* ═══════════════════════════════════════════════════════════════════════════
   3. Base Layer - Global Styles + Dark Mode
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./base/_root.css');
@import url('./base/_dark-theme.css');

/* ═══════════════════════════════════════════════════════════════════════════
   4. Layout Layer - Structural Components
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./layout/_container.css');
@import url('./layout/_navbar.css');

/* ═══════════════════════════════════════════════════════════════════════════
   5. Components Layer - UI Components
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./components/_buttons.css');
@import url('./components/_forms.css');
@import url('./components/_cards.css');
@import url('./components/_tables.css');
@import url('./components/_modals.css');
@import url('./components/_toggles.css');
@import url('./components/_tabs.css');
@import url('./components/_detail-panel.css');
@import url('./components/_search.css');
@import url('./components/_pagination.css');
@import url('./components/_button-cards.css');
@import url('./components/_dropdowns.css');
@import url('./components/_toolbar.css');
@import url('./components/_tooltip.css');

/* ═══════════════════════════════════════════════════════════════════════════
   6. Pages Layer - Page-Specific Styles
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./pages/_auth.css');
@import url('./pages/_projects.css');
@import url('./pages/_members.css');
@import url('./pages/_board.css');
@import url('./pages/_board-accordion.css');
@import url('./pages/_push.css');
@import url('./pages/_messaging.css');
@import url('./pages/_profile.css');
@import url('./pages/_data.css');
@import url('./pages/_dashboard.css');
@import url('./pages/_survey.css');
@import url('./pages/_reservation.css');
@import url('./pages/_store.css');
@import url('./pages/_credit.css');
@import url('./pages/_domain.css');
@import url('./pages/_settings.css');

/* ═══════════════════════════════════════════════════════════════════════════
   7. Utilities Layer - Utility Classes (Highest Priority)
   ═══════════════════════════════════════════════════════════════════════════ */
@import url('./utilities/_utilities.css');
@import url('./utilities/_responsive.css');