/**
 * KRA - Theme Variables
 * 主题变量定义
 */

// 主色调
@primary-color: #1890ff;
@link-color: #1890ff;
@success-color: #52c41a;
@warning-color: #faad14;
@error-color: #f5222d;
@info-color: #1890ff;

// 文字颜色
@heading-color: rgba(0, 0, 0, 0.85);
@text-color: rgba(0, 0, 0, 0.65);
@text-color-secondary: rgba(0, 0, 0, 0.45);
@disabled-color: rgba(0, 0, 0, 0.25);

// 边框颜色
@border-color-base: #d9d9d9;
@border-color-split: #f0f0f0;

// 背景颜色
@body-background: #f0f2f5;
@component-background: #fff;
@layout-body-background: #f0f2f5;
@layout-header-background: #001529;
@layout-sider-background: #001529;

// 字体
@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
  'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
  'Noto Color Emoji';
@font-size-base: 14px;
@font-size-lg: 16px;
@font-size-sm: 12px;

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

// 阴影
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15);
@shadow-1-up: 0 -2px 8px rgba(0, 0, 0, 0.15);
@shadow-1-down: 0 2px 8px rgba(0, 0, 0, 0.15);
@shadow-1-left: -2px 0 8px rgba(0, 0, 0, 0.15);
@shadow-1-right: 2px 0 8px rgba(0, 0, 0, 0.15);
@shadow-2: 0 4px 12px rgba(0, 0, 0, 0.15);

// 间距
@padding-lg: 24px;
@padding-md: 16px;
@padding-sm: 12px;
@padding-xs: 8px;
@margin-lg: 24px;
@margin-md: 16px;
@margin-sm: 12px;
@margin-xs: 8px;

// 动画
@animation-duration-slow: 0.3s;
@animation-duration-base: 0.2s;
@animation-duration-fast: 0.1s;
@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);

// Z-index
@zindex-dropdown: 1050;
@zindex-sticky: 1020;
@zindex-fixed: 1030;
@zindex-modal-backdrop: 1040;
@zindex-modal: 1050;
@zindex-popover: 1060;
@zindex-tooltip: 1070;
