/* 口碑营销 - 变量定义文件 */
:root {
    /* 主色调 - 深蓝色系代表专业、稳重 */
    --rep-primary: #1E5180;
    --rep-primary-light: #2A6BA5;
    --rep-primary-dark: #0D3C64;
    
    /* 辅助色 - 金色代表高端、权威 */
    --rep-secondary: #D4AF37;
    --rep-secondary-light: #E9C967;
    --rep-secondary-dark: #B89220;
    
    /* 对比色 - 用于突出重要内容 */
    --rep-accent: #E55934;
    --rep-accent-light: #F27D5E;
    --rep-accent-dark: #C34122;
    
    /* 额外色彩 - 用于数据可视化和图表 */
    --rep-success: #28a745;
    --rep-info: #17a2b8;
    --rep-warning: #ffc107;
    --rep-danger: #dc3545;
    
    /* 中性色 */
    --rep-neutral-100: #FFFFFF;
    --rep-neutral-200: #F8F9FA;
    --rep-neutral-300: #E9ECEF;
    --rep-neutral-400: #DEE2E6;
    --rep-neutral-500: #ADB5BD;
    --rep-neutral-600: #6C757D;
    --rep-neutral-700: #495057;
    --rep-neutral-800: #343A40;
    --rep-neutral-900: #212529;
    
    /* 渐变 */
    --rep-gradient-primary: linear-gradient(135deg, var(--rep-primary) 0%, var(--rep-primary-dark) 100%);
    --rep-gradient-secondary: linear-gradient(135deg, var(--rep-secondary) 0%, var(--rep-secondary-dark) 100%);
    --rep-gradient-accent: linear-gradient(135deg, var(--rep-accent) 0%, var(--rep-accent-dark) 100%);
    --rep-gradient-blue: linear-gradient(135deg, #2C5BBD 0%, #1E3B8B 100%);
    --rep-gradient-gold: linear-gradient(135deg, #F5D100 0%, #D4AF37 100%);
    --rep-gradient-dark: linear-gradient(135deg, var(--rep-neutral-700) 0%, var(--rep-neutral-900) 100%);
    --rep-gradient-light: linear-gradient(135deg, var(--rep-neutral-100) 0%, var(--rep-neutral-300) 100%);
    
    /* 字体 */
    --rep-font-primary: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --rep-font-secondary: 'Noto Serif SC', serif;
    --rep-font-international: 'Montserrat', sans-serif;
    --rep-font-display: 'Helvetica Neue', Arial, sans-serif;
    
    /* 间距 */
    --rep-spacing-xs: 0.25rem;
    --rep-spacing-sm: 0.5rem;
    --rep-spacing-md: 1rem;
    --rep-spacing-lg: 1.5rem;
    --rep-spacing-xl: 2rem;
    --rep-spacing-xxl: 3rem;
    --rep-spacing-xxxl: 5rem;
    
    /* 边框圆角 */
    --rep-radius-xs: 2px;
    --rep-radius-sm: 4px;
    --rep-radius-md: 8px;
    --rep-radius-lg: 16px;
    --rep-radius-xl: 24px;
    --rep-radius-xxl: 32px;
    --rep-radius-circle: 50%;
    --rep-radius-pill: 9999px;
    
    /* 阴影 */
    --rep-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --rep-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);
    --rep-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.14);
    --rep-shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.16);
    --rep-shadow-xxl: 0 20px 40px rgba(0, 0, 0, 0.2);
    --rep-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.1);
    --rep-shadow-primary: 0 5px 15px rgba(30, 81, 128, 0.3);
    --rep-shadow-secondary: 0 5px 15px rgba(212, 175, 55, 0.3);
    --rep-shadow-accent: 0 5px 15px rgba(229, 89, 52, 0.3);
    
    /* 过渡 */
    --rep-transition-fast: 0.15s ease;
    --rep-transition-normal: 0.3s ease;
    --rep-transition-slow: 0.5s ease;
    --rep-transition-bounce: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    
    /* Z-index层级 */
    --rep-z-index-dropdown: 1000;
    --rep-z-index-sticky: 1020;
    --rep-z-index-fixed: 1030;
    --rep-z-index-modal-backdrop: 1040;
    --rep-z-index-modal: 1050;
    --rep-z-index-tooltip: 1070;
    
    /* 容器宽度 */
    --rep-container-sm: 540px;
    --rep-container-md: 720px;
    --rep-container-lg: 960px;
    --rep-container-xl: 1140px;
    --rep-container-xxl: 1320px;
}