@import "../../../config/styles/mp/index.less";

// Color 
@theme-color: @oak-color-primary;
@default-color    : @oak-color-primary;
@success-color    : @oak-color-success;
@warning-color    : @oak-color-warning;
@error-color      : @oak-color-error;
@disabled-color   : fade(@oak-color-info, 80%);
@selected-color   : fade(@default-color, 90%);
@tooltip-color    : #fff;
@subsidiary-color : fade(@oak-color-primary, 60%);
@rate-star-color  : #f5a623;
@active-color     : #333;

// steps

@step-color        : #C4C9D2;
@step-active-color : @theme-color;

// Text
@title-color : @oak-text-color-secondary;
@text-color  : @oak-text-color-primary;

// Background Color
@background-color-base : @oak-bg-color-page; // base

// Border color
@border-color-base  : #dddee1; // outside
@border-color-split : #e9eaec; // inside

// Size
@size-grid-icon  : 28rpx;
@size-font-base  : 28rpx;
@size-font-mini  : 24rpx;
@size-font-large : 32rpx;

// Button
@btn-font-weight        : normal;
@btn-font-size          : 24rpx;
@btn-font-size-large    : 32rpx;
@btn-border-color       : rgba(0, 0, 0, 0.1);
@btn-border-radius      : 8rpx;
@btn-border-radius-small: 6rpx;
@btn-group-border       : shade(@default-color, 5%);
@btn-text-color         : #fff;
@btn-disable-color      : #DEE2E6;
@btn-disable-bg         : @background-color-base;
@btn-disable-border     : @border-color-base;
@btn-default-color      : @text-color;
@btn-default-bg         : @background-color-base;
@btn-default-border     : @border-color-base;
@btn-primary-color      : #fff;
@btn-primary-bg         : @default-color;
@btn-ghost-color        : @text-color;
@btn-ghost-bg           : transparent;
@btn-ghost-border       : @border-color-base;
@btn-height             : 72rpx;
@btn-width              : 180rpx;
@btn-height-large       : 88rpx;
@btn-width-large        : 710rpx;
@btn-height-mini        : 60rpx;
@btn-width-mini         : 140rpx;
@btn-loading-color      : #fff;
@btn-circle-size        : 40rpx;
@btn-circle-size-mini   : 30rpx;
@btn-circle-size-large  : 48rpx;


// icon
@icon-font-size       : 32px; // 图标字体大小        默认
@icon-font-size-large : 42px; // 图标字体大小        大号
@icon-font-size-small : 22px; // 图标字体大小        小号
@icon-font-color      : #80848f;


// Avatar
@avatar-bg             : #ccc;
@avatar-color          : #fff;
@avatar-size-base      : 32px;
@avatar-size-lg        : 40px;
@avatar-size-sm        : 24px;
@avatar-font-size-base : 18px;
@avatar-font-size-lg   : 24px;
@avatar-font-size-sm   : 14px;
@avatar-border-radius  : @border-radius-small;
@border-radius-small   : 4px;

// Animation
@animation-time  : .3s;
@transition-time : .2s;
@ease-in-out     : ease-in-out;

// Progress
@progress-active-color : @theme-color;