/**
 * 主样式入口文件
 * 按顺序引入所有模块化的 CSS 文件
 */

/* ========================================
   基础样式
   ======================================== */
@import url('base/reset.css');
@import url('base/variables.css');
@import url('base/typography.css');

/* ========================================
   布局样式
   ======================================== */
@import url('layout/background.css');
@import url('layout/content.css');
@import url('layout/responsive.css');

/* ========================================
   组件样式
   ======================================== */
@import url('components/navigation.css');
@import url('components/footer.css');
@import url('components/button.css');
@import url('components/link.css');

/* ========================================
   工具类（可选）
   ======================================== */

/* 通用工具类 */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.mt-sm { margin-top: var(--spacing-sm); }
.mt-md { margin-top: var(--spacing-md); }
.mt-lg { margin-top: var(--spacing-lg); }

.mb-sm { margin-bottom: var(--spacing-sm); }
.mb-md { margin-bottom: var(--spacing-md); }
.mb-lg { margin-bottom: var(--spacing-lg); }

.pt-sm { padding-top: var(--spacing-sm); }
.pt-md { padding-top: var(--spacing-md); }
.pt-lg { padding-top: var(--spacing-lg); }

.pb-sm { padding-bottom: var(--spacing-sm); }
.pb-md { padding-bottom: var(--spacing-md); }
.pb-lg { padding-bottom: var(--spacing-lg); }