/* ============================================
   SYHUO 全站统一设计令牌 (Design Tokens)
   基于商城页面风格标准
   ============================================ */

:root {
    /* === 品牌色 === */
    --color-primary: #ff6700;
    --color-primary-hover: #f56300;
    --color-primary-light: #ff9500;
    --color-primary-dark: #e55d00;
    --color-primary-gradient: linear-gradient(135deg, #ff6700, #ff4500);

    /* === 文本色 === */
    --color-text-primary: #333;
    --color-text-secondary: #666;
    --color-text-tertiary: #999;
    --color-text-white: #fff;
    --color-text-price: #ff6700;

    /* === 背景色 === */
    --color-bg-page: #f5f5f5;
    --color-bg-card: #fff;
    --color-bg-hover: #fafafa;
    --color-bg-active: #fff7f0;

    /* === 边框色 === */
    --color-border: #e5e5e5;
    --color-border-light: #f0f0f0;

    /* === 功能色 === */
    --color-success: #52c41a;
    --color-danger: #ff4d4f;
    --color-warning: #faad14;
    --color-info: #1890ff;

    /* === 阴影 === */
    --shadow-sm: 0 1px 4px rgba(0,0,0,0.08);
    --shadow-md: 0 2px 8px rgba(0,0,0,0.1);
    --shadow-lg: 0 5px 15px rgba(0,0,0,0.15);

    /* === 圆角 === */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;

    /* === 间距 === */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-xxl: 30px;

    /* === 导航尺寸 === */
    --nav-height: 70px;
    --subnav-height: 40px;

    /* === 字体 === */
    --font-family: 'Microsoft YaHei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 24px;

    /* === 过渡 === */
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
}