/**
 * Default variables
 */

@border-width: 1px;

/* 主题色 */
@color-brand: #ff6600;

/* 黑白灰色 */
@color-black: #000;
@color-black-32: #323232;
@color-white: #fff;
@color-grey-33: #333;
@color-grey-66: #666;
@color-grey-99: #999;
@color-grey-c2: #c2c2c2;
@color-grey-cc: #cccccc;
@color-grey-eb: #ebebeb;
@color-grey-f5: #f5f5f5;

/* 渐变色 */
@color-gradient-primary: linear-gradient(90deg, #ff8400 0%, #ff4d00 100%);
@color-gradient-second: linear-gradient(90deg, #ffd119 0%, #ffa200 100%);
@color-gradient-grey: linear-gradient(90deg, #e6e6e6 0%, #cccccc 100%);
@color-gradient-opacity: linear-gradient(
  90deg,
  rgba(255, 255, 255, 0.8) 0%,
  rgba(255, 255, 255, 1) 100%
);
@color-gradient-red: linear-gradient(90deg, #ff6666 0%, #ff0a0a 100%);
@color-gradient-green: linear-gradient(90deg, #6be653 0%, #00c25a 100%);

/* 边框圆角 */
@border-radius-2: 4px;
@border-radius-6: 12px;
@border-radius-8: 16px;
@border-radius-12: 24px;

/* 间距 */
@spacing-2: 4px;
@spacing-4: 8px;
@spacing-8: 16px;
@spacing-10: 20px;
@spacing-12: 24px;
@spacing-16: 32px;
@spacing-18: 36px;
@spacing-20: 40px;
@spacing-24: 48px;

/* 字体大小 */
@font-size-8: 16px;
@font-size-10: 20px;
@font-size-12: 24px;
@font-size-14: 28px;
@font-size-16: 32px;
@font-size-18: 36px;
@font-size-20: 40px;
@font-size-24: 48px;
@font-size-28: 56px;