/* ========================================
   JustEnt Design System - 主入口檔案

   架構（ITCSS + Atomic Design）：
   1. Core - 變數、動畫、基礎重置、工具類
   2. Components - Primitives → Molecules → Organisms → Chat → Vendor
   3. Layout - 頁面框架、頭部、側邊欄
   4. Vendors - 外部框架覆蓋

   所有 @import 展平於此檔，避免巢狀載入造成瀑布延遲
   ======================================== */

/* ===== Core 核心 ===== */
@import url('core/tokens.css');
@import url('core/animations.css');
@import url('core/base.css');
@import url('core/utilities.css');

/* ===== Components - Primitives（原子層） ===== */
@import url('components/primitives/_buttons.css');
@import url('components/primitives/_badges.css');
@import url('components/primitives/_avatars.css');
@import url('components/primitives/_inputs.css');
@import url('components/primitives/_icons.css');

/* ===== Components - Molecules（分子層） ===== */
@import url('components/molecules/_forms.css');
@import url('components/molecules/_lists.css');
@import url('components/molecules/_dropdowns.css');
@import url('components/molecules/_cards.css');
@import url('components/molecules/_navigation.css');
@import url('components/molecules/_tables.css');

/* ===== Components - Organisms（有機體層） ===== */
@import url('components/organisms/_modal.css');
@import url('components/organisms/_toolbars.css');
@import url('components/organisms/_feedback.css');
@import url('components/organisms/_empty-state.css');
@import url('components/organisms/_floating.css');
@import url('components/organisms/_upload.css');

/* ===== Components - Chat ===== */
@import url('components/chat/_chat-base.css');
@import url('components/chat/_chat-markdown.css');

/* ===== Components - Vendor 覆蓋 ===== */
@import url('components/vendor/_bootstrap.css');

/* ===== Layout 版面 ===== */
@import url('layout/header.css');
@import url('layout/sidebar.css');

/* ===== Vendors 第三方 ===== */
@import url('vendors/bootstrap-essential.css');

/* ===== RWD 響應式（必須最後載入） ===== */
@import url('layout/_mobile.css');

/* ========================================
   無障礙設計 - 減少動畫偏好
   ======================================== */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }

    /* 打字指示器需要持續動畫，即使用戶偏好減少動態效果 */
    .je-typing-indicator span {
        animation-duration: 1.2s !important;
        animation-iteration-count: infinite !important;
    }
}
