/******************************* Global ****************************************/

// Prefix
$prefix:                 cd;

// Color
$--color-white:            #fff !default;
$--color-black:            #000 !default;
$--color-primary-status:   #14954B;
$--color-success-status:   #14954B;
$--color-info-status:      #177ed7;
$--color-warning-status:   #F46300;
$--color-danger-status:    #E80404;
$--color-neutral:          #808080;

$--color-forest:           #14954B;
$--color-ocean:            #177ED7;
$--color-rose:             #E80404;
$--color-flame:            #F46300;
$--color-bud:              #82A01C;
$--color-lemon:            #FDB500;
$--color-violet:           #744EA1;
$--color-sakura:           #DD3E8F;

$--bg:                     #f5f5f5;
$--bg-dark:                #eee;
$--bg-light:               #fafafa;
$--bg-normal:              rgba(0, 0, 0, .4);
$--bg-disabeld:            rgba(0, 0, 0, .16);

$--dark-major:             rgba(0, 0, 0, .88);
$--dark-minor:             rgba(0, 0, 0, .56);
$--dark-assist:            rgba(0, 0, 0, .32);

$--light-major:            rgba(255, 255, 255, 1);
$--light-minor:            rgba(255, 255, 255, .7);
$--light-assist:           rgba(255, 255, 255, .4);

$--color-tint:             88%;

// Fonts
$--font-family:            Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;;
$--font-size:              14px;
$--font-size-xs:           12px;
$--font-weight:            500;
$--spacing-xs:             8px;
$--spacing-sm:             16px;
$--spacing:                24px;
$--spacing-lg:             32px;
$--line-height:            1;

// Z-index
$--sidebar-zindex:         1;

// Other
$--border-radius:         4px;

/******************************* Component ****************************************/

// panel
$--panel-margin-bottom:         $--spacing;
$--panel-border-radius:         $--border-radius;
$--panel-shadow-level:          2px;

$--panel-sm-heading-padding:    $--spacing-sm $--spacing;
$--panel-sm-heading-padding-xs: $--spacing-sm;
$--panel-heading-padding:       $--spacing $--spacing-lg;
$--panel-heading-padding-xs:    $--spacing-sm;

$--panel-title-font-size:       $--font-size;
$--panel-title-color:           $--dark-major;
$--panel-title-font-weight:     $--font-weight;

$--panel-action-font-size:      $--font-size-xs;

$--panel-sm-body-padding:       $--spacing;
$--panel-sm-body-padding-xs:    $--spacing-sm;
$--panel-body-padding:          $--spacing-lg;
$--panel-body-padding-xs:       $--spacing-sm;


// sidebar
$--sidebar-bg:                      #242639;
$--sidebar-color:                   #fff;
$--sidebar-width:                   220px;

$--sidebar-header-padding:          16px 24px;
$--sidebar-header-bg:               lighten($--sidebar-bg, 5%);

$--sidebar-logo-width:              100%;

$--sidebar-collapse-width:          64px;
$--sidebar-collapse-header-padding: 16px 12px;
$--sidebar-collapse-logo-width:     40px;

// badge
$--badge-border-radius:             20px;

// input
$--input-hover-border-color:        $--bg-disabeld;
$--input-focus-border-color:        $--dark-assist;
$--input-border-bottom:             3px;
$--input-padding-left:              25px;
$--input-opacity:                   .4;