/**
 * CSS 变量定义 - 全局唯一变量源
 * 所有主题通过覆盖这些变量实现风格切换
 *
 * @package Xuhuan
 * @since 1.0.0
 */

:root {
    /* ========================================
       主色调
       ======================================== */
    --primary-color: #0066cc;
    --primary-hover: #0052a3;
    --primary-dark: #004080;
    --primary-light: rgba(0, 102, 204, 0.08);
    --primary-gradient: linear-gradient(135deg, #0066cc 0%, #0052a3 100%);
    
    /* 辅助色 */
    --secondary-color: #ff6b35;
    --secondary-hover: #e55a2b;
    
    /* ========================================
       状态色
       ======================================== */
    --success-color: #10b981;
    --success-bg: #d1fae5;
    --success-light: #ecfdf5;
    --success-dark: #065f46;
    
    --warning-color: #f59e0b;
    --warning-bg: #fef3c7;
    --warning-light: #fffbeb;
    --warning-dark: #92400e;
    
    --error-color: #ef4444;
    --error-bg: #fee2e2;
    
    --danger-color: #ef4444;
    --danger-bg: #fee2e2;
    --danger-light: #fef2f2;
    --danger-dark: #991b1b;
    
    --info-color: #3b82f6;
    --info-bg: #dbeafe;
    --info-light: #eff6ff;
    --info-dark: #1e40af;
    
    /* ========================================
       文本色
       ======================================== */
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a68;
    --text-muted: #6b7280;
    --text-light: #ffffff;
    --text-inverse: #ffffff;
    
    /* ========================================
       背景色
       ======================================== */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fc;
    --bg-tertiary: #eef1f6;
    --bg-dark: #1a1a2e;
    --bg-hover: #f3f4f6;
    
    /* ========================================
       输入框
       ======================================== */
    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-border-hover: #9ca3af;
    --input-border-focus: #0066cc;
    --input-text: #1a1a2e;
    --input-placeholder: #9ca3af;
    --input-shadow-focus: 0 0 0 3px rgba(0, 102, 204, 0.15);
    
    /* 下拉箭头 */
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
    
    /* ========================================
       边框
       ======================================== */
    --border-color: #d1d5db;
    --border-light: #e5e7eb;
    --border-strong: #9ca3af;
    
    /* ========================================
       卡片
       ======================================== */
    --card-bg: #ffffff;
    --card-border: #e5e7eb;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    --card-hover-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    
    /* ========================================
       导航栏
       ======================================== */
    --nav-bg: #ffffff;
    --nav-border: #e5e7eb;
    --nav-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    
    /* ========================================
       弹窗/模态框
       ======================================== */
    --modal-bg: #ffffff;
    --modal-backdrop: rgba(0, 0, 0, 0.5);
    --modal-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    
    /* ========================================
       阴影
       ======================================== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.15);
    
    /* ========================================
       圆角 - 统一规范 4-16px
       ======================================== */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    
    /* ========================================
       间距
       ======================================== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* ========================================
       字体
       ======================================== */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-heading: var(--font-primary);
    --font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
    
    /* ========================================
       字号
       ======================================== */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;
    
    /* ========================================
       动画/过渡 - 统一规范 0.2-0.3s
       ======================================== */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* ========================================
       层级
       ======================================== */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    
    /* ========================================
       容器 - 响应式断点设置
       ======================================== */
    --container-pc: 1400px;
    --container-tablet: 960px;
    --container-mobile: 100%;
    --form-max-width: 1100px;
    
    --container-xl: var(--tah-container-pc, var(--container-pc));
    
    /* ========================================
       毛玻璃效果（默认关闭，由主题开启）
       ======================================== */
    --glass-blur: 0px;
    --glass-bg: transparent;
    --glass-border: transparent;
    --glass-shadow: none;
}