feat: init

packages/styles/variables.less

@@ -0,0 +1,43 @@
+// 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%);