/**
 * Inspire 主题 CSS 变量定义文件
 * 
 * 文件功能：
 * - 定义主题的核心颜色变量
 * - 统一字体系列定义
 * - 提供一致的间距和尺寸变量
 * - 便于主题色彩和样式的统一管理
 * 
 * 使用方法：
 * - 在其他CSS文件中使用 var(--variable-name) 引用变量
 * - 修改变量值可全局更新对应样式
 * 
 * @package Inspire
 * @version 1.0
 * @author Inspire Theme
 */

:root {
    /* ========================================
     * 主题色彩变量
     * ======================================== */
    
    /* 主色调 */
    --theme-primary-color: #dd3333;
    --theme-primary-rgb: 221, 51, 51;
    --theme-primary-hover: #c42e2e;
    
    /* 辅助色彩 */
    --theme-secondary-color: #898c7b;
    --theme-secondary-rgb: 137, 140, 123;
    
    /* 背景色彩 */
    --theme-bg-primary: #f5f8fa;
    --theme-bg-white: #ffffff;
    --theme-bg-overlay: rgba(0, 0, 0, 0.1);
    
    /* 文字色彩 */
    --theme-text-primary: #313131;
    --theme-text-secondary: #657786;
    --theme-text-muted: #999999;
    
    /* 边框色彩 */
    --theme-border-light: #e1e8ed;
    --theme-border-medium: #ddd;
    --theme-border-dark: #ccc;
    
    /* 渐变色彩 */
    --theme-gradient-primary: linear-gradient(to right, rgba(221,51,51,0.99), rgba(137, 140, 123, 0.99));
    --theme-gradient-banner: linear-gradient(to right, rgba(226,35,18,0.5), rgba(56,181,160,0.5));
    
    /* ========================================
     * 字体系列变量
     * ======================================== */
    
    /* 主要字体系列 */
    --theme-font-primary: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'STHeiti', 'WenQuanYi Micro Hei', 'Helvetica', 'Arial', sans-serif;
    
    /* 表单元素字体 */
    --theme-font-form: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica', 'Arial', sans-serif;
    
    /* 图标字体 */
    --theme-font-icon: 'icon', 'PingFang SC', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
    
    /* 标题字体 */
    --theme-font-title: 'PT serif', '微軟正黑體', '微软雅黑', '华文细黑', 'Microsoft Yahei', 'Hiragino Sans GB', sans-serif;
    
    /* 自定义字体（Times New Roman） */
    --theme-font-custom: 'Times New Roman', serif;
    
    /* ========================================
     * 尺寸和间距变量
     * ======================================== */
    
    /* 字体大小 */
    --theme-font-size-base: 14px;
    --theme-font-size-large: 16px;
    --theme-font-size-small: 12px;
    
    /* 行高 */
    --theme-line-height-base: 1.8;
    --theme-line-height-tight: 1.4;
    
    /* 圆角 */
    --theme-border-radius-small: 3px;
    --theme-border-radius-medium: 5px;
    --theme-border-radius-large: 10px;
    
    /* 阴影 */
    --theme-shadow-light: 0 2px 4px rgba(0, 0, 0, 0.1);
    --theme-shadow-medium: -2px 5px 20px rgba(0, 0, 0, 0.3);
    --theme-shadow-heavy: 0 4px 8px rgba(0, 0, 0, 0.2);
    
    /* 移动端相关 */
    --theme-mobile-header-height: 59px;
    --theme-banner-height: 360px;
    
    /* 过渡动画 */
    --theme-transition-fast: all 0.2s ease-in-out;
    --theme-transition-medium: all 0.3s ease-in-out;
    --theme-transition-slow: all 0.5s ease-in-out;
    
    /* Z-index 层级 */
    --theme-z-index-dropdown: 100;
    --theme-z-index-sticky: 500;
    --theme-z-index-modal: 999;
    --theme-z-index-tooltip: 1000;
}

/* ========================================
 * 响应式断点变量（通过媒体查询使用）
 * ======================================== */

/* 移动端：< 768px */
/* 平板端：768px - 1024px */
/* 桌面端：> 1024px */