yss-project/src/app/shared/styles/_variables.scss

// 共享样式变量文件
// 此文件包含应用程序中常用的样式变量，用于保持设计一致性并减少重复代码

// 颜色变量\$primary-color: #165DFF;        // 主色调 - 蓝色
$secondary-color: #6B7280;      // 次要颜色 - 灰色
$success-color: #00B42A;        // 成功颜色 - 绿色
$warning-color: #FFAA00;        // 警告颜色 - 黄色
$error-color: #F53F3F;          // 错误颜色 - 红色
$text-primary: #333333;         // 主要文本颜色
$text-secondary: #666666;       // 次要文本颜色
$text-tertiary: #999999;        // 三级文本颜色
$border-color: #E5E7EB;         // 边框颜色
$bg-light: #F9FAFB;             // 浅色背景
$bg-white: #FFFFFF;             // 白色背景

// 阴影变量
$shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

// 过渡动画
$transition-fast: 0.2s ease;
$transition-normal: 0.3s ease;
$transition-slow: 0.5s ease;

// 圆角
$border-radius-sm: 6px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-xl: 16px;
$border-radius-full: 9999px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;