/* ================================================================
   app.css — WiseDairy 공통 CSS 진입점
   모든 페이지에서 이 파일 하나를 로드한다.

   로드 순서 (의존성):
     0. google-sans-flex — 기본 영문·숫자 폰트 (Google Fonts, variable)
        play            — 보조 영문·숫자 폰트 (헤더/사이드바 등 선택 영역)
        pretendard      — 한글 기본 폰트 (jsDelivr CDN)
        bootstrap-grid  — Bootstrap 5 그리드 전용 (.row / .col-* / .g-*)
     1. tokens      — CSS 변수 선언 (가장 먼저, 나머지가 참조)
     2. base        — reset + 기본 요소
     3. layout      — 사이드바 · 헤더 · 본문 구조
     4. animations  — 트랜지션 · 키프레임
     5. components  — UI 컴포넌트 (tokens + layout에 의존)
   6. dark-theme — 다크 모드 토큰 오버라이드 (html[data-theme="dark"])
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wdth,wght@6..144,25..151,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap-grid.min.css');
@import url('./tokens.css');
@import url('./base.css');
@import url('./layout.css');
@import url('./animations.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/filters.css');
@import url('./components/toolbar.css');
@import url('./components/pagination.css');
@import url('./components/states.css');
@import url('./components/cards.css');
@import url('./components/tables.css');
@import url('./components/alerts.css');
@import url('./components/modals.css');
@import url('./components/tabs.css');
@import url('./components/toast.css');
@import url('./components/datepicker.css');
@import url('./components/bg-layer.css');
@import url('./dark-theme.css');