/**
 * DealHub Main Stylesheet - CSS Cascade Layers Architecture
 * 
 * @package DealHub
 * @version 2.0.0
 * @architecture CSS Cascade Layers
 * 
 * 这是主题的唯一CSS入口文件
 * 所有样式通过 @import 引入，按 Layer 顺序组织
 */

/* ==========================================================================
   1. Layer 声明（必须在最顶部，顺序决定优先级）
   ========================================================================== */
@layer reset, base, theme, layout, components, utilities;

/* ==========================================================================
   2. Design Tokens（CSS 变量）
   ⚠️ 必须在 @layer 声明之后、layer imports 之前
   ⚠️ 不使用 layer() 语法，确保变量全局可用
   ========================================================================== */
@import url('./layers/_tokens.css');

/* ==========================================================================
   3. Layer Imports - 基础层
   ========================================================================== */
@import url('./layers/_reset.css') layer(reset);
@import url('./layers/_base.css') layer(base);
@import url('./layers/_theme.css') layer(theme);
@import url('./layers/_layout.css') layer(layout);
@import url('./layers/_utilities.css') layer(utilities);

/* ==========================================================================
   4. Component Imports - 组件层
   ========================================================================== */

/* 全局组件 */
@import url('./components/header.css') layer(components);
@import url('./components/footer.css') layer(components);

/* 基础UI组件 */
@import url('./components/buttons.css') layer(components);
@import url('./components/forms.css') layer(components);
@import url('./components/cards.css') layer(components);

/* 业务组件 */
@import url('./components/coupon.css') layer(components);
@import url('./components/deal.css') layer(components);
@import url('./components/archive.css') layer(components);
@import url('./components/store-coupon-page.css') layer(components);

/* 页面组件 */
@import url('./components/home.css') layer(components);
@import url('./components/search.css') layer(components);
@import url('./components/newsletter.css') layer(components);

/* 用户&支付组件 */
@import url('./components/user-payment.css') layer(components);

/* ==========================================================================
   ⚠️ 禁止在此行以下添加任何CSS规则
   所有新增样式必须放到对应的 layer 文件或 components 文件
   ========================================================================== */