// Prefix
@prefix: cafee;



// ======== Conversion ========

// 单元
@unit: 4px;
// 单位
@rem: 16px;



// ======== 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";
// 代码
@code-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;



// ======== Colour ========

/* !!
 * Colors Palettes - <Ant Design>/lib/style/color.colors.less
 * ======== ======== ========
 * blue: #1890ff
 * purple: #722ed1
 * cyan: #13c2c2
 * green: #52c41a
 * magenta: #eb2f96
 * pink: #eb2f96 (Alias of megenta)
 * red: #f5222d
 * orange: #fa8c16
 * yellow: #fadb14
 * volcano: #fa541c
 * geekblue: #2f54eb
 * lime: #a0d911
 * gold: #faad14
 * ======== ======== ========
 */

// 纯白
@white: #fff;
// 纯黑
@black: #000;

// 主色
@primary-color: #1890ff;

// 成功色
@success-color: #52c41a;
// 警告色
@warning-color: #faad14;
// 错误色
@error-color: #f5222d;

// 普通色
@normal-color: #d9d9d9;
// 链接色
@link-color: #1890ff;
// 失效色
@disabled-color: fade(#000, 25%)



// ======== Icon ========

// Prefix
@iconfont-css-prefix: cafeeicon;

// Library Url
@icon-url: "https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i";



// ======== Font ========

// 字号
@font-size-base: 14px;
// 字号 - 大
@font-size-lg: 16px;
// 字号 - 小
@font-size-sm: 12px;



// ======== Text ========

// 文本色
@text-color: fade(#000, 65%);
// 副文本色
@text-color-secondary: fade(#000, 45%);
// 文本反色
@text-color-dark: fade(#fff, 85%);
// 副文本反色
@text-color-secondary-dark: fade(#fff, 65%);



// ======== Spacing ========

// 间距 - 大
@padding-lg: 24px;
// 间距 - 中
@padding-md: 16px;
// 间距 - 小
@padding-sm: 12px;
// 间距 - 微
@padding-xs: 8px;



// ======== Border ========

// 边框线色
@border-color-base: hsv(0, 0, 85%); // #d9d9d9
// 边框线分割色
@border-color-split: hsv(0, 0, 91%); // #e8e8e8



// ======== Background ========

// 背景色
@background-color-base: hsv(0, 0, 96%); // #fafafa
// 背景亮色
@background-color-light : hsv(0, 0, 98%); // #f5f5f5



// ======== Outline ========

// 外边线色
@outline-color: #1890ff;



// ======== Shadow ========

// 阴影色
@shadow-color: rgba(0, 0, 0, .15);



// ======== Radius ========

// 圆角
@border-radius-base: 4px;



// ======== Grid ========

// 栅格栏位数
@grid-columns: 24;

// 栅格间距
@grid-gutter-width: 0;



// ======== Screen ========
@screen-xs  : 480px;
@screen-sm  : 576px;
@screen-md  : 768px;
@screen-lg  : 992px;
@screen-xl  : 1200px;
@screen-xxl : 1600px;



// ======== Animation ========
@ease-base-out     : cubic-bezier(0.7, 0.3, 0.1, 1);
@ease-base-in      : cubic-bezier(0.9, 0, 0.3, 0.7);
@ease-out          : cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-in           : cubic-bezier(0.55, 0.055, 0.675, 0.19);
@ease-in-out       : cubic-bezier(0.645, 0.045, 0.355, 1);
@ease-out-back     : cubic-bezier(0.12, 0.4, 0.29, 1.46);
@ease-in-back      : cubic-bezier(0.71, -0.46, 0.88, 0.6);
@ease-in-out-back  : cubic-bezier(0.71, -0.46, 0.29, 1.46);
@ease-out-circ     : cubic-bezier(0.08, 0.82, 0.17, 1);
@ease-in-circ      : cubic-bezier(0.6, 0.04, 0.98, 0.34);
@ease-in-out-circ  : cubic-bezier(0.78, 0.14, 0.15, 0.86);
@ease-out-quint    : cubic-bezier(0.23, 1, 0.32, 1);
@ease-in-quint     : cubic-bezier(0.755, 0.05, 0.855, 0.06);
@ease-in-out-quint : cubic-bezier(0.86, 0, 0.07, 1);



// ======== Duration ========
@animation-duration-slow: .3s;
@animation-duration-base: .2s;
@animation-duration-fast: .1s;



/* ======== Arrangement By Joenix ======== */
