/* ===== 统一CSS变量定义 ===== */

/* 简约亮色主题（默认） */
:root {
    /* 主色调 */
    --primary: #000;
    --primary-light: #333;
    --primary-dark: #000;
    --primary-hover: #333;
    
    /* 背景色 */
    --bg: #fff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #f8f9fa;
    
    /* 卡片/容器 */
    --card: #fff;
    --card-hover: #fafafa;
    
    /* 文字颜色 */
    --text: #333;
    --text2: #666;
    --text3: #888;
    --text-inverse: #fff;
    
    /* 边框 */
    --border: #eee;
    --border-light: #f0f0f0;
    --border-dark: #ddd;
    
    /* 强调色 */
    --accent: #000;
    --accent-light: #333;
    --accent-dark: #000;
    
    /* 强调色衍生 */
    --accent-soft: #f5f5f5;
    --accent-border: #ddd;
    
    /* 金色主题 */
    --gold: #c8a951;
    --gold-dark: #a88a3d;
    --gold-light: #e8d5a3;
    
    /* 状态颜色 */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    
    /* 状态徽章 */
    --badge-pending-bg: #fef3c7;
    --badge-pending-text: #92400e;
    --badge-processing-bg: #dbeafe;
    --badge-processing-text: #1e40af;
    --badge-resolved-bg: #d1fae5;
    --badge-resolved-text: #065f46;
    --badge-completed-bg: #e0e7ff;
    --badge-completed-text: #3730a3;
    
    /* 圆角 */
    --radius: 8px;
    --radius-sm: 4px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    
    /* 阴影 */
    --shadow: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    
    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    
    /* 字体 */
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-mono: 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    
    /* 字体大小 */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    
    /* 过渡 */
    --transition: all 0.2s ease;
    --transition-fast: all 0.1s ease;
    --transition-slow: all 0.3s ease;
    
    /* Z-Index 层级系统 */
    --z-base: 1;
    --z-dropdown: 99;
    --z-sticky: 100;
    --z-mobile-nav: 999;
    --z-modal: 1000;
    --z-modal-content: 1001;
    --z-float-btn: 9990;
    --z-announcement: 9998;
    --z-popup: 9999;
    --z-popup-content: 10001;
    --z-celebration: 99999;
    --z-celebration-content: 100001;
    --z-toast: 99999;
    --z-chat-image: 99999;
    --z-page-loader: 99999;
    --z-loading: 100000;
}

/* 暗金奢华主题 */
#active-gold-theme {
    /* 主色调 */
    --primary: #c8a951;
    --primary-light: #d4b96a;
    --primary-dark: #b89a42;
    --primary-hover: #b89a42;
    
    /* 背景色 */
    --bg: #ffffff;
    --bg-secondary: #f5f5f5;
    --bg-tertiary: #f8f9fa;
    
    /* 卡片/容器 */
    --card: #ffffff;
    --card-hover: #fafafa;
    
    /* 文字颜色 */
    --text: #333333;
    --text2: #666666;
    --text3: #888888;
    --text-inverse: #ffffff;
    
    /* 边框 */
    --border: #e0e0e0;
    --border-light: #f0f0f0;
    --border-dark: #cccccc;
    
    /* 强调色 */
    --accent: #c8a951;
    --accent-light: #d4b96a;
    --accent-dark: #b89a42;
    
    /* 强调色衍生 */
    --accent-soft: rgba(200,169,81,0.06);
    --accent-border: rgba(200,169,81,0.15);
    
    /* 状态颜色 */
    --success: #10b981;
    --warning: #f59e0b;
    --error: #ef4444;
    --info: #3b82f6;
    
    /* 圆角 */
    --radius: 0px;
    --radius-sm: 0px;
    --radius-lg: 0px;
    --radius-xl: 0px;
    
    /* 阴影 */
    --shadow: 0 2px 8px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
    
    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    
    /* 字体 */
    --font-sans: 'Noto Serif SC', 'Source Han Serif SC', Georgia, 'Times New Roman', serif;
    --font-serif: Georgia, 'Times New Roman', serif;
    --font-mono: 'SF Mono', Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
    
    /* 字体大小 */
    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    
    /* 过渡 */
    --transition: all 0.2s ease;
    --transition-fast: all 0.1s ease;
    --transition-slow: all 0.3s ease;
}

/* 暗色模式（简约主题专用） */
.dark-mode {
    --primary: #fff;
    --primary-light: #e0e0e0;
    --primary-dark: #ccc;
    --primary-hover: #e0e0e0;
    
    --bg: #1a1a2e;
    --bg-secondary: #16213e;
    --bg-tertiary: #0f3460;
    
    --card: #1a1a2e;
    --card-hover: #16213e;
    
    --text: #e0e0e0;
    --text2: #aaa;
    --text3: #888;
    --text-inverse: #1a1a2e;
    
    --border: #333;
    --border-light: #444;
    --border-dark: #555;
    
    --accent: #fff;
    --accent-light: #e0e0e0;
    --accent-dark: #ccc;
    
    --accent-soft: rgba(255,255,255,0.05);
    --accent-border: rgba(255,255,255,0.1);
    
    /* 金色主题 */
    --gold: #c8a951;
    --gold-dark: #a88a3d;
    --gold-light: #e8d5a3;
    
    /* 状态徽章 */
    --badge-pending-bg: rgba(245,158,11,0.15);
    --badge-pending-text: #f6ad55;
    --badge-processing-bg: rgba(59,130,246,0.15);
    --badge-processing-text: #60a5fa;
    --badge-resolved-bg: rgba(16,185,129,0.15);
    --badge-resolved-text: #68d391;
    --badge-completed-bg: rgba(99,102,241,0.15);
    --badge-completed-text: #a5b4fc;
    
    --shadow: 0 2px 8px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}