/* 
* beauty-variables.css - 美妆行业解决方案页面变量
* 使用特定前缀beauty-确保样式独立性
*/

:root {
    /* 主色调 */
    --beauty-primary-color: #FFE4B5; /* 玫瑰金 */
    --beauty-secondary-color: #2E8B57; /* 墨绿 */
    --beauty-accent-color: #FF69B4; /* 品牌accent色 */
    --beauty-dark-color: #333333; /* 深色文本 */
    --beauty-light-color: #FFFFFF; /* 浅色文本 */
    
    /* 功能色 */
    --beauty-alert-color: #FF5252; /* 增速警示红 */
    --beauty-info-color: #4A90E2; /* 信息蓝 */
    --beauty-success-color: #4CAF50; /* 成功绿 */
    --beauty-neutral-color: #757575; /* 中性灰 */
    --beauty-base-dark: #333333; /* 深空灰 */
    
    /* 渐变色 */
    --beauty-gradient-primary: linear-gradient(135deg, var(--beauty-secondary-color) 0%, var(--beauty-primary-color) 100%);
    --beauty-gradient-accent: linear-gradient(135deg, #FF69B4 0%, #FFB6C1 100%);
    
    /* 字体 */
    --beauty-heading-font: 'PingFang SC', 'Microsoft YaHei', sans-serif; /* 标题字体 */
    --beauty-body-font: 'PingFang SC', 'Microsoft YaHei', sans-serif; /* 正文字体 */
    --beauty-data-font: 'DIN Alternate', 'Arial', sans-serif; /* 数据字体 */
    
    /* 间距 */
    --beauty-spacing-xs: 4px;
    --beauty-spacing-sm: 8px;
    --beauty-spacing-md: 16px;
    --beauty-spacing-lg: 24px;
    --beauty-spacing-xl: 32px;
    --beauty-spacing-xxl: 48px;
    
    /* 圆角 */
    --beauty-border-radius-sm: 4px;
    --beauty-border-radius-md: 8px;
    --beauty-border-radius-lg: 16px;
    
    /* 阴影 */
    --beauty-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --beauty-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
    --beauty-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
}