/*
 * @file: style.css
 * @description: 主样式文件。通过 @import 规则引入所有模块化的CSS文件。
 *              请注意 @import 的顺序至关重要，它决定了CSS规则的层叠和覆盖顺序。
 *              1. 基础 (Base): 全局变量和HTML元素的基础样式。
 *              2. 布局 (Layout): 主要的页面结构。
 *              3. 动画 (Animations): 可复用的动画效果。
 *              4. 组件 (Components): 可复用的UI组件，如按钮、卡片等。
 *              5. 页面特定 (Pages): 仅用于特定页面的样式。
 *              6. 工具 (Utils): 通用工具类。
 *              7. 主题 (Themes): 颜色方案，最后加载以覆盖默认颜色。
 */

/* --- 1. 基础 (Base) --- */
@import url('base/variables.css');
@import url('base/base.css');

/* --- 2. 布局 (Layout) --- */
@import url('layout/layout.css');

/* --- 3. 动画 (Animations) --- */
@import url('animations/animations.css');

/* --- 4. 组件 (Components) --- */
@import url('components/cards.css');
@import url('components/buttons.css');
@import url('components/modals.css');
@import url('components/tooltip.css');
@import url('components/progress-bar.css');
@import url('components/scrollbar.css');
@import url('components/music-player.css');
@import url('components/preloader.css');
@import url('components/link-slider.css');
@import url('components/forms.css');

/* --- 5. 页面特定 (Pages) --- */
@import url('pages/main-content.css');
@import url('pages/settings.css');

/* --- 6. 工具 (Utils) --- */
@import url('utils/utils.css');

/* --- 7. 主题 (Themes) --- */
@import url('themes/dark.css');
@import url('themes/light.css');
@import url('themes/new-year.css');