// Color Palette
@black: #1b2129;
@white: #fff;
@gray-1: #f7f9fa;
@gray-2: #f1f4f6;
@gray-3: #edf1f5;
@gray-4: #e1e5eb;
@gray-5: #c4c9cf;
@gray-6: #8b949e;
@gray-7: #626c78;
@gray-8: #2e3742;
@red: #f55047; // 对应的是500
@orange: #ffb800; // 对应的是500
@orange-dark: #1b2129; // 对应的是900
@orange-light: #fffbe8;
@green: #3fbe72; // 对应的是500

/* blue */
@blue-900: #1034b2;
@blue-800: #1241bf;
@blue-700: #1b4acc;
@blue-600: #215dd9;
@blue-500: #246fe5;
@blue-400: #2481f2;
@blue-300: #64a6f7;
@blue-200: #9fc9fb;
@blue-100: #d9ebff;
@blue-50: #ebf6ff;
@blue: #246fe5;

/* grey */
@grey-900: #1b2129;
@grey-800: #2e3742;
@grey-700: #424c59;
@grey-600: #626c78;
@grey-500: #8b949e;
@grey-400: #c4c9cf;
@grey-300: #e1e5eb;
@grey-200: #e8ecf0;
@grey-100: #f1f4f6;
@grey-50: #f7f9fa;

/* green */
@green-900: #13753f;
@green-800: #0f8843;
@green-700: #0c9b4a;
@green-600: #15ae55;
@green-500: #3fbe72;
@green-400: #69cd90;
@green-300: #8edbab;
@green-200: #b6e9c7;
@green-100: #daf7e1;
@green-50: #ebffeb;

/* red */
@red-900: #b80000;
@red-800: #c71412;
@red-700: #d72824;
@red-600: #e63c35;
@red-500: #f55047;
@red-400: #f8766f;
@red-300: #fa9b96;
@red-200: #fdc1be;
@red-100: #ffe6e5;
@red-50: #fff5f5;

/* orange */
@orange-900: #cc5300;
@orange-800: #d96c00;
@orange-700: #e68600;
@orange-600: #f29f00;
@orange-500: #ffb800;
@orange-400: #ffcc47;
@orange-300: #ffd873;
@orange-200: #ffe399;
@orange-100: #fff0cc;
@orange-50: #fffbe6;

// Gradient Colors
@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
@gradient-gray: linear-gradient(90deg, var(--van-gray-2), rgb(241 244 246 / 0%));
@gradient-blue: linear-gradient(90deg, rgb(36 112 230 / 10%), rgb(36 112 230 / 1%));

// Component Colors
@primary-color: var(--van-blue);
@success-color: var(--van-green);
@danger-color: var(--van-red);
@warning-color: var(--van-orange);
@text-color: var(--van-gray-8);
@text-color-2: var(--van-gray-6);
@text-color-3: var(--van-gray-5);
@text-link-color: #576b95;
@active-color: var(--van-gray-2);
@active-opacity: 0.6;
@disabled-opacity: 0.5;
@background-color: var(--van-gray-1);
@background-color-light: var(--van-white);
@background-color-black: var(--van-black);

// Padding
@padding-base: 4px;
@padding-xs: @padding-base * 2;
@padding-sm: @padding-base * 3;
@padding-md: @padding-base * 4;
@padding-lg: @padding-base * 6;
@padding-xl: @padding-base * 8;

// Font
@font-size-xs: 10px;
@font-size-sm: 12px;
@font-size-md: 14px;
@font-size-lg: 16px;
@font-size-xl: 20px;
@font-weight-bold: 500;
@line-height-xs: 14px;
@line-height-sm: 18px;
@line-height-md: 20px;
@line-height-lg: 22px;
@line-height-xl: 24px;
@base-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
  Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB',
  'Microsoft Yahei', sans-serif;
@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial,
  sans-serif;

// Animation
@animation-duration-base: 0.3s;
@animation-duration-fast: 0.2s;
@animation-timing-function-enter: ease-out;
@animation-timing-function-leave: ease-in;

// Border
@border-color: var(--van-gray-4);
@border-width-base: 1px;
@border-radius-sm: 2px;
@border-radius-md: 4px;
@border-radius-lg: 8px;
@border-radius-max: 999px;