$hd: 1px;

/* 字体 */
$font-size-normal: 14 * $hd;
$font-size-small: 12 * $hd;
$font-size-large: 16 * $hd;

/* icon size */
$icon-size-xxs: 8 * $hd;
$icon-size-xs: 12 * $hd;
$icon-size-s: 16 * $hd;
$icon-size-m: 20 * $hd;
$icon-size-l: 24 * $hd;
$icon-size-xl: 32 * $hd;
$icon-size-xxl: 48 * $hd;
$icon-size-xxxl: 64 * $hd;

/* 内边距 */
$padding-normal: 20 * $hd;
$padding-small: 10 * $hd;

/* 圆角 */
$border-radius-normal: 3 * $hd;
$border-radius-large: 6 * $hd;
$border-radius-max: 100 * $hd;

/* 线条 */
$line-thin: 1 * $hd;
$line-normal: 2 * $hd;
$line-fat: 3 * $hd;

/* 行高 */
$line-height-intensive: 1.3;
$line-height-normal: 1.5;
$line-height-loose: 1.7;

/* font-family */
$font-family: "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

/* 颜色 */
// 品牌色 代表品牌对外形象
$color-brand-deep: #cf1322;
$color-brand-normal: #ff5454;
$color-brand-shallow: #ff4d4f;
$color-brand-shallow-middle: #ff7875;
$color-brand-shallow-low: #ffa39e;

// 阴影色
$color-shadow-shallow: #fff1f0;
$color-shadow-normal: #ffccc7;

// 中立色 用于界面设计中字体、背景、边框、分割线、ICON、中立插图等
$color-line-shallow: #E6E7EB;
$color-line-normal: #DCDEE3;
$color-line-deep:  #C4C6CF;
$color-line-weight: #A0A2AD;

$color-fill-shallow: #F7F8FA;
$color-fill-normal: #F2F3F7;
$color-fill-deep: #EBECF0;
$color-fill-weight: #E2E4E8;

$color-text-disabled: #CCC;
$color-text-hint: #999;
$color-text-title-content-1: #666;
$color-text-title-content-2: #333;

// 功能色 如成功、出错、失败、提醒等，专色专用
$color-success-shallow: #E4FDDA;
$color-success-normal: #CDF2BE;
$color-success-deep: #46BC15;
$color-success-weight: #41A716;

$color-notice-shallow: #E3F2FD;
$color-notice-normal: #BAD9FF;
$color-notice-deep: #4494F9;
$color-notice-weight: #2E7DE0;

$color-warning-shallow: #FFF3E0;
$color-warning-normal: #FFE6BD;
$color-warning-deep: #FF9300;
$color-warning-weight: #EB7E10;

$color-error-shallow: #FFECE4;
$color-error-normal: #FFC8B2;
$color-error-deep: #FF3000;
$color-error-weight: #E72B00;

$color-help-shallow: #E3FFF8;
$color-help-normal: #C0ECE2;
$color-help-deep: #01C1B2;
$color-help-weight: #01A79A;

$color-link-default: #5584FF;
$color-link-visited: #5584FF;
$color-link-hover: #3E71F7;

/* z-index */
$modalIndex: 999;

/* opacity */
$opacity-normal: 0.8;

/* 动画 */
$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);

$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);

$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
