// 库名
$lib-name: "ans";

// 字体路径
$icon-path: "./font";

// 主要颜色
$primary-color: #3790FB !default;
$primary-color-hover: #52A0FF !default;
$primary-color-active: #287FE8 !default;
$link-color: $primary-color;
$link-hover-color: tint($link-color, 20%);
$link-active-color: shade($link-color, 5%);
$selected-color: fade($primary-color, 90%);
$sub-color: #ff8c00 !default;
$sub-color-hover: #ff981a !default;
$sub-color-active: #ef6c00 !default;
$info-color: #3790FB !default;
$success-color: #67C239 !default;
$warning-color: #F7A733 !default;
$error-color: #FF4646 !default;

// 浅色背景文本颜色
$title-color-light: #252d39 !default;
$content-color-light: #4c6072 !default;
$sub-text-color-light: #6d859e !default;
$disabled-text-color-light: #c5ced8 !default;

// 深色背景文本颜色
$title-color-dark: #fff !default;
$content-color-dark: #eee !default;
$sub-text-color-dark: #c5ced8 !default;
$disabled-text-color-dark: #888 !default;
$bg-color-in-dark: #4c6072;

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

// 边框颜色
$border-color-base: #e4eaf1 !default;
$box-shadow-base: 0 2px 8px 0 rgba(0, 0, 0, 0.14) !default;

// 背景色
$background-color-base: #fff;
$background-color-disabled: #ecf3f8;
$background-color-dark: rgba(0, 0, 0, 0.6);

// 动画
$animation-prefix: "x-ani-" !default;
$animation-time: .3s;
$transition-time: .2s;
$ease-in-out: ease-in-out;

$body-background: #fff;
$component-background: #fff;
$font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
$code-family: Consolas, Menlo, Courier, monospace;
$title-color: #17233d;
$text-color: #515a6e;
$text-color-secondary: fade(#000, 45%);
$heading-color: fade(#000, 85%);
$heading-color-dark: fade(#fff, 100%);
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: $font-size-base + 2px;
$line-height-base: 1.5;
$border-radius-base: 4px;
$border-radius-small: 2px;
$cursor-disabled: not-allowed;

// Layout and Grid
$grid-columns                : 24;
$grid-gutter-width           : 0;
$layout-body-background      : #f5f7f9;
$layout-header-background    : #515a6e;
$layout-header-height        : 64px;
$layout-header-padding       : 0 50px;
$layout-footer-padding       : 24px 50px;
$layout-footer-background    : $layout-body-background;
$layout-sider-background     : $layout-header-background;
$layout-trigger-height       : 48px;
$layout-trigger-color        : #fff;
$layout-zero-trigger-width   : 36px;
$layout-zero-trigger-height  : 42px;

// Media queries breakpoints
// Extra small screen / phone
$screen-xs              : 480px;
$screen-xs-min          : $screen-xs;
$screen-xs-max          : ($screen-xs-min - 1);

// Small screen / tablet
$screen-sm              : 576px;
$screen-sm-min          : $screen-sm;
$screen-sm-max          : ($screen-sm-min - 1);

// Medium screen / desktop
$screen-md              : 768px;
$screen-md-min          : $screen-md;
$screen-md-max          : ($screen-md-min - 1);

// Large screen / wide desktop
$screen-lg              : 992px;
$screen-lg-min          : $screen-lg;
$screen-lg-max          : ($screen-lg-min - 1);

// Extra large screen / full hd
$screen-xl              : 1200px;
$screen-xl-min          : $screen-xl;
$screen-xl-max          : ($screen-xl-min - 1);

// Extra extra large screen / large descktop
$screen-xxl             : 1600px;
$screen-xxl-min         : $screen-xxl;
$screen-xxl-max         : ($screen-xxl-min - 1);