// variables.less
// 颜色变量
@primary-color: #1890ff;
@secondary-color: #6c757d;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #f5222d;
@white: #ffffff;
@black: #000000;
@gray-1: #f7f8fa;
@gray-2: #ebedf0;
@gray-3: #c8c9cc;
@gray-4: #969799;
@gray-5: #646566;

// 尺寸变量
@border-radius: 6px;
@border-radius-sm: 4px;
@border-radius-lg: 8px;

// 动画变量
@ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
@ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);

// 间距变量
@spacing-xs: 4px;
@spacing-sm: 8px;
@spacing-md: 16px;
@spacing-lg: 24px;
@spacing-xl: 32px;

// 字体变量
@font-size-sm: 12px;
@font-size-base: 14px;
@font-size-lg: 16px;
@font-size-xl: 18px;
@font-size-xxl: 20px;

// 阴影变量
@box-shadow-base: 0 2px 8px fade(@black, 15%);
@box-shadow-card: 0 1px 2px -2px fade(@black, 16%), 0 3px 6px 0 fade(@black, 12%),
  0 5px 12px 4px fade(@black, 9%);