/* ========================================
   主CSS文件 - 模块化样式导入入口
   功能：按照依赖顺序导入所有CSS模块
   关联JS：所有JavaScript模块都依赖这个统一的样式入口
   依赖样式：无依赖，为所有其他模块提供导入入口
   影响范围：整个网站的样式系统
   ======================================== */

/* 基础样式模块 - 必须最先导入 */
@import 'base/variables.css';     /* CSS变量定义 */
@import 'base/reset.css';         /* CSS重置和基础样式 */
@import 'base/typography.css';    /* 字体排版样式 */

/* 布局模块 */
@import 'layout/grid.css';        /* 网格系统和容器 */
@import 'layout/header.css';      /* 头部导航布局 */
@import 'layout/footer.css';      /* 页脚布局 */

/* 组件模块 */
@import 'components/buttons.css';     /* 按钮组件 */
@import 'components/forms.css';       /* 表单组件 */
@import 'components/cards.css';       /* 卡片组件 */
@import 'components/navigation.css';  /* 导航组件 */
@import 'components/language-dropdown.css';  /* 语言下拉选择器 */
@import 'components/modal.css';       /* 模态框组件 */

/* 页面特定样式 */
@import 'pages/home.css';         /* 首页样式 */
@import 'pages/product.css';      /* 产品页样式 */
@import 'pages/contact.css';      /* 联系页样式 */
@import 'pages/file-manager.css'; /* 文件管理页样式 */
@import 'pages/supplier-data.css'; /* 供应商数据处理页样式 */
@import 'pages/order-import.css'; /* 订单导入页样式 */
@import 'pages/purchase-contract.css'; /* 采购合同处理页样式 */

/* 主题样式 - 最后导入以确保覆盖优先级 */
@import 'themes/theme-overrides.css';  /* 主题特定覆盖样式 */