/* === Main Stylesheet Comments === */
/* 作用：主样式表，用于导入和组织所有模块的CSS */
/* 依赖：基础模块、布局模块、组件模块、状态模块、工具类模块 */

/**
 * Main Stylesheet - 主样式表
 * ---------------------
 * CSS模块入口文件，按照以下顺序导入各个模块：
 * CSS module entry file, imports sub-modules in the following order:
 *
 * 1. Base - 基础模块
 *    - CSS变量 (CSS Variables)
 *    - 基础样式 (Base Styles)
 *
 * 2. Layout - 布局模块
 *    - 布局结构 (Layout Structure)
 *    - 定位规则 (Positioning Rules)
 *
 * 3. Modules - 组件模块
 *    - UI组件样式 (UI Component Styles)
 *    - 按钮、模态框、工具提示等 (Buttons, Modals, Tooltips, etc.)
 *
 * 4. States - 状态模块
 *    - 状态样式 (State Styles)
 *    - 动画效果 (Animations)
 *
 * 5. Utilities - 工具类模块
 *    - 工具类 (Utility Classes)
 *    - 响应式设计 (Responsive Design)
 */

/* Import Base styles - 引入基础模块样式 */
/* @import 'theme/variables.css'; */

@import 'base/typography.css';
@import './theme/variables.css';
@import './theme/light-theme-colors.css';


/* Import Layout styles - 引入布局模块样式 */
@import 'layout/websitedashboard.css';
@import 'layout/dockerdashboard.css';
@import 'layout/website-list.css'; /* Import Website List layout module - 引入网站列表布局模块 */
@import 'layout/docker-list.css'; /* Import Website List layout module - 引入网站列表布局模块 */
@import 'layout/action-buttons.css';
@import 'layout/toggle-actions.css';
@import 'layout/notification.css';



/* Import State styles - 引入状态模块样式 */
@import 'state/loading.css';
@import 'state/drag-over.css';
@import 'state/focus.css';
@import 'state/animations.css';
@import 'state/theme-transition.css';

/* Import Utility styles - 引入工具类模块样式 */
/* @import 'utilities/responsive.css'; */
@import 'utilities/alternative-layout-keyframes.css';
/* @import './variables.css'; */


/* Import Component Modules - 引入组件模块样式 */
@import './modules/search-form.css';
@import './modules/context-menu.css';
@import './modules/group.css'; /* Import Group module - 引入分组模块 */
@import './modules/docker-group.css'; /* Import Group module - 引入分组模块 */
@import './modules/website-item.css'; /* Import Website Item module - 引入网站条目模块 */
@import './modules/icon-button.css';
@import './modules/actions-toggle-button.css';
@import './modules/modal-overlay.css';
@import './modules/modal.css';
@import './modules/tooltip.css';
@import './modules/theme-switcher.css';
@import './modules/layout-switcher.css';
@import './modules/docker-item.css';
@import './modules/scroll-btn.css';