// color

// 主色调
$primary-color: #fa2c19 !default;
$primary-color-end: #fa6419 !default;
// 辅助色
$help-color: #f5f5f5 !default;
// 标题常规文字
$title-color: #1a1a1a !default;
// 副标题
$title-color2: #666666 !default;
// 次内容
$text-color: #808080 !default;
// 特殊禁用色
$disable-color: #cccccc !default;
$white: #fff !default;
$black: #000 !default;

// padding
$padding-xs: 12px !default;

$font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun,
  sans-serif !default;

// ---- Animation ----
$animation-duration: 0.25s !default;
$animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;

// Font
$font-size-0: 10px !default;
$font-size-1: 12px !default;
$font-size-2: 14px !default;
$font-size-3: 16px !default;
$font-size-4: 18px !default;
$font-weight-bold: 400 !default;

$font-size-small: $font-size-1 !default;
$font-size-base: $font-size-2 !default;
$font-size-large: $font-size-3 !default;
$line-height-base: 1.5 !default;
// button
$button-border-radius: 25px !default;
$button-border-width: 1px !default;
$button-default-bg-color: $white !default;
$button-default-border-color: rgba(204, 204, 204, 1) !default;
$button-default-color: rgba(102, 102, 102, 1) !default;
$button-small-height: 28px !default;
$button-default-height: 38px !default;
$button-large-height: 48px !default;
$button-large-line-height: 46px !default;
$button-small-line-height: 26px !default;
$button-block-height: 48px !default;
$button-default-line-height: 36px !default;
$button-block-line-height: 46px !default;
$button-default-font-size: $font-size-2 !default;
$button-disabled-opacity: 0.68 !default;
$button-primary-color: $white !default;
$button-primary-border-color: $primary-color !default;
$button-primary-background-color: linear-gradient(
  135deg,
  $primary-color 0%,
  $primary-color-end 100%
) !default;
$button-info-color: $white !default;
$button-info-border-color: rgba(73, 106, 242, 1) !default;
$button-info-background-color: linear-gradient(
  315deg,
  rgba(73, 143, 242, 1) 0%,
  rgba(73, 101, 242, 1) 100%
) !default;
$button-success-color: $white !default;
$button-success-border-color: rgba(38, 191, 38, 1) !default;
$button-success-background-color: linear-gradient(
  135deg,
  rgba(38, 191, 38, 1) 0%,
  rgba(39, 197, 48, 1) 45%,
  rgba(40, 207, 63, 1) 83%,
  rgba(41, 212, 70, 1) 100%
) !default;

$button-danger-color: $white !default;
$button-danger-border-color: rgba(250, 44, 25, 1) !default;
$button-danger-background-color: rgba(250, 44, 25, 1) !default;
$button-warning-color: $white !default;
$button-warning-border-color: rgba(255, 158, 13, 1) !default;
$button-warning-background-color: linear-gradient(
  135deg,
  rgba(255, 158, 13, 1) 0%,
  rgba(255, 167, 13, 1) 45%,
  rgba(255, 182, 13, 1) 83%,
  rgba(255, 190, 13, 1) 100%
) !default;
$button-plain-background-color: #fff !default;
$button-plain-background-color: $white !default;

// cell

$cell-color: $title-color2 !default;
$cell-title-font: $font-size-2 !default;
$cell-title-desc-font: $font-size-1 !default;
$cell-desc-font: $font-size-2 !default;
$cell-desc-color: $disable-color !default;
$cell-border-radius: 6px !default;

// cell-group

$cell-group-title-padding: 0 10px !default;
$cell-group-title-color: #909ca4 !default;
$cell-group-title-font-size: $font-size-2 !default;
$cell-group-title-line-height: 20px !default;
$cell-group-background-color: $white !default;

// icon

$icon-height: 20px !default;
$icon-width: 20px !default;
$icon-line-height: 20px !default;

// uploader

$uploader-width: 100px !default;
$uploader-height: 100px !default;
$uploader-background: #f7f8fa !default;

//input
$input-border-bottom: #eaf0fb !default;
$input-disabled-color: #c8c9cc !default;

// textarea

$textarea-font: $font-size-2 !default;
$textarea-height: 100px !default;
$textarea-limit-color: $text-color !default;
$textarea-text-color: $title-color !default;
$textarea-disabled-color: $disable-color !default;

// inputnumber

$inputnumber-icon-color: $title-color !default;
$inputnumber-icon-void-color: $disable-color !default;
$inputnumber-input-background-color: $help-color !default;
$inputnumber-input-border-radius: 4px !default;
$inputnumber-input-width: 40px !default;
$inputnumber-icon-size: 20px !default;

// actionsheet
$zindex-actionsheet: 10001 !default;
$body-background: #f6f6f6 !default;
$light-color: #f6f6f6 !default;
$font-size-base: $font-size-2 !default;
$font-size-small: $font-size-1 !default;

//shortpassword
$shortpsd-background-color: rgba(245, 245, 245, 1) !default;
$shortpsd-border-color: #ddd !default;
$shortpsd-error: rgba(242, 39, 12, 1) !default;
$shortpsd-forget: rgba(128, 128, 128, 1) !default;

//price
$price-big-size: 24px !default;

//avatar
$avatar-square: 5px !default;
$avatar-large-width: 60px !default;
$avatar-large-height: 60px !default;
$avatar-small-width: 32px !default;
$avatar-small-height: 32px !default;
$avatar-normal-width: 40px !default;
$avatar-normal-height: 40px !default;

//switch
$switch-close-bg-color: #ebebeb !default;
$switch-close--cline-bg-color: #f0f0f0 !default;

//backtop
$backtop-border-color: #e0e0e0 !default;

// calendar
$calendar-primary-color: $primary-color !default;
$calendar-choose-color: #fef6f6 !default;
$calendar-base-color: #333333 !default;
$calendar-disable-color: #d1d0d0 !default;
$calendar-title-font: $font-size-4 !default;
$calendar-base-font: $font-size-3 !default;
$calendar-text-font: $font-size-1 !default;
$calendar-day-font: 18px !default;

//overlay
$overlay-bg-color: rgba(0, 0, 0, 0.7) !default;

//popup
$popup-close-icon-margin: 16px !default;
$popup-border-radius: 20px !default;

// Notify
$notify-text-color: $white !default;
$notify-padding: 12px 0 !default;
$notify-font-size: 14px !default;
$notify-height: 44px !default;

$notify-base-background-color: linear-gradient(
  135deg,
  rgba(250, 44, 25, 1) 0%,
  rgba(250, 63, 25, 1) 45%,
  rgba(250, 89, 25, 1) 83%,
  rgba(250, 100, 25, 1) 100%
) !default;
$notify-primary-background-color: linear-gradient(
  315deg,
  rgba(73, 143, 242, 1) 0%,
  rgba(73, 101, 242, 1) 100%
) !default;
$notify-success-background-color: linear-gradient(
  135deg,
  rgba(38, 191, 38, 1) 0%,
  rgba(39, 197, 48, 1) 45%,
  rgba(40, 207, 63, 1) 83%,
  rgba(41, 212, 70, 1) 100%
) !default;
$notify-danger-background-color: rgba(250, 50, 25, 1) !default;
$notify-warning-background-color: linear-gradient(
  135deg,
  rgba(255, 93, 13, 1) 0%,
  rgba(255, 154, 13, 1) 100%
) !default;

// rate

$rate-icon-color: $primary-color !default;
$rate-icon-void-color: $disable-color !default;

// tabbar

$tabbar-active-color: $primary-color !default;
$tabbar-border-color: #eee !default;

//infiniteloading
$infinite-bottom-color: #c8c8c8 !default;

//range
$range-max: #333333 !default;
$rang-bg-color: rgba($primary-color, 0.5) !default;
$rang-bar-bg-color: linear-gradient(
  135deg,
  $primary-color 0%,
  $primary-color-end 100%
) !default;

//address
$address-region-tab-line: linear-gradient(
  90deg,
  $primary-color 0%,
  $primary-color-end 100%
) !default;

//steps
$step-wait-bg-color: #959fb1 !default;

// dialog
$dialog-width: 296px !default;

// checkbox
$checkbox-label-color: #1d1e1e !default;
$checkbox-label-disable-color: #999 !default;

//radio
$radio-label-color: #1d1e1e !default;
$radio-label-disable-color: #999 !default;

//fixednav
$fixednav-bg-color: $white !default;
$fixednav-font-color: $black !default;
$fixednav-index: 201 !default;
$fixednav-btn-bg: linear-gradient(
  135deg,
  rgba(250, 25, 44, 1) 0%,
  rgba(250, 63, 25, 1) 100%
) !default;

@import './common/common';
@import './mixins/index';
@import './animation/index';