// Prefix
@css-prefix             : ivu-;

// Color
@primary-color          : #0099e5;
@info-color             : #2db7f5;
@success-color          : #5cb85c;
@error-color            : #ff5500;
@warning-color          : #f0ad4e;
@link-color             : #0099e5;
@link-hover-color       : tint(@link-color, 20%);
@link-active-color      : shade(@link-color, 5%);

// Base
@body-background        : #fff;
@font-family            : "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
@code-family            : Consolas,Menlo,Courier,monospace;
@text-color             : #525558;
@font-size-base         : 14px;
@line-height-base       : 1.5;
@line-height-computed   : floor((@font-size-base * @line-height-base));
@border-radius-base     : 6px;
@border-radius-small    : 4px;

// Border color
@border-color-base      : #d9d9d9;  // outside
@border-color-split     : #e9e9e9;  // inside

// Background color
@background-color-base  : #f7f7f7;  // base

// Shadow
@shadow-color           : rgba(100, 100, 100, .2);
@shadow-base            : @shadow-down;
@shadow-card            : 0 1px 1px 0 rgba(0,0,0,.1);
@shadow-up              : 0 -1px 6px @shadow-color;
@shadow-down            : 0 1px 6px @shadow-color;
@shadow-left            : -1px 0 6px @shadow-color;
@shadow-right           : 1px 0 6px @shadow-color;

// Layout and Grid
@grid-columns           : 24;
@grid-gutter-width      : 0;

// Legend
@legend-color           : #999;

// Z-index
@zindex-affix           : 10;
@zindex-back-top        : 10;
@zindex-spin            : 8;
@zindex-message         : 1010;
@zindex-notification    : 1010;

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