@import '../mixins/libs/tint';

$ink-hd: 2 !default; // 基本单位

/* Color Palette */
$ink-color-white: #ffffff !default;
$ink-color-red: #ee0a24 !default;
$ink-color-black-0: #000000 !default;
$ink-color-black-1: tint($ink-color-black-0, 10%) !default;
$ink-color-black-2: tint($ink-color-black-0, 15%) !default;
$ink-color-black-3: tint($ink-color-black-0, 20%) !default;
$ink-color-grey-0: #323233 !default;
$ink-color-grey-1: #646566 !default;
$ink-color-grey-2: #969799 !default;
$ink-color-grey-3: #c8c9cc !default;
$ink-color-grey-4: #dcdee0 !default;
$ink-color-grey-5: #ebedf0 !default;
$ink-color-grey-6: #f2f3f5 !default;
$ink-color-grey-7: #f7f8fa !default;

/* Color Brand */
$ink-color-brand: #07c160 !default;
$ink-color-brand-light: tint($ink-color-brand, 25%) !default;
$ink-color-brand-dark: tint($ink-color-brand, 25%, $ink-color-black-0) !default;

/* Color Status */
$ink-color-info: #1989fa !default;
$ink-color-success: $ink-color-brand !default;
$ink-color-error: $ink-color-red !default;
$ink-color-warning: #ff976a !default;

/* Opacity */
$ink-opacity-active: 0.7 !default; // Button 等组件点击态额透明度
$ink-opacity-disabled: 0.5 !default; // Button 等组件禁用态的透明度

/* Text Color */
$ink-color-text: $ink-color-grey-0 !default; // 文字的基本色
$ink-color-text-secondary: $ink-color-grey-2 !default; // 辅助色
$ink-color-text-inverse: #ffffff !default; // 反色
$ink-color-text-disabled: $ink-color-grey-3 !default; // 禁用色

/* Link */
$ink-color-link: $ink-color-brand !default;
$ink-color-link-hover: $ink-color-brand-light !default;
$ink-color-link-active: $ink-color-brand-dark !default;
$ink-color-link-disabled: rgba(0, 0, 0, 0.25) !default;

/* Background Color */
$ink-color-bg: $ink-color-grey-7 !default;
$ink-color-bg-light: #fafafa !default;
$ink-color-bg-mask: rgba(0, 0, 0, 0.3) !default; // mask 背景色

/* Border Color */
$ink-color-border: $ink-color-grey-5 !default;

/* Border Radius */
$ink-border-radius-sm: 2px * $ink-hd !default;
$ink-border-radius-md: 4px * $ink-hd !default;
$ink-border-radius-lg: 8px * $ink-hd !default;
$ink-border-radius-circle: 50% !default;

/* Font Size */
$ink-font-size-xs: 10px * $ink-hd !default; // 非常用字号，用于标签
$ink-font-size-sm: 12px * $ink-hd !default; // 用于辅助信息
$ink-font-size-md: 14px * $ink-hd !default; // 常用字号
$ink-font-size-lg: 16px * $ink-hd !default; // 常规标题
$ink-font-size-xl: 18px * $ink-hd !default; // 大标题
$ink-font-size-xxl: 20px * $ink-hd !default; // 用于大号的数字

/* Line Height */
$ink-line-height-xs: 14px * $ink-hd !default;
$ink-line-height-sm: 18px * $ink-hd !default;
$ink-line-height-md: 20px * $ink-hd !default;
$ink-line-height-lg: 22px * $ink-hd !default;
$ink-line-height-xl: 24px * $ink-hd !default;

/* 间距 */
$ink-spacing-base: 4px * $ink-hd !default;
$ink-spacing-xs: $ink-spacing-base * 2 !default;
$ink-spacing-sm: $ink-spacing-base * 3 !default;
$ink-spacing-md: $ink-spacing-base * 4 !default;
$ink-spacing-lg: $ink-spacing-base * 6 !default;
$ink-spacing-xl: $ink-spacing-base * 8 !default;

/* z-index */
$ink-zindex-999: 999; // 适用于 Overlay 类组件
$ink-zindex-1080: 1080; // 适用于 Toast/Notify 组件;

/* 1px */
/* prettier-ignore */
$ink-one-px: 1PX;

/* Animation */
$ink-animation-duration-base: 0.3s;
$ink-animation-duration-fast: 0.2s;
$ink-timing-func: cubic-bezier(0.36, 0.66, 0.04, 1) !default;
$ink-ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;
$ink-ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19) !default;
$ink-ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22) !default;
$ink-ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06) !default;
$ink-ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715) !default;
$ink-ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035) !default;
$ink-ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335) !default;
$ink-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045) !default;
$ink-ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94) !default;
$ink-ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1) !default;
$ink-ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1) !default;
$ink-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1) !default;
$ink-ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1) !default;
$ink-ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1) !default;
$ink-ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1) !default;
$ink-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275) !default;
$ink-ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955) !default;
$ink-ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1) !default;
$ink-ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1) !default;
$ink-ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1) !default;
$ink-ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95) !default;
$ink-ease-in-out-expo: cubic-bezier(1, 0, 0, 1) !default;
$ink-ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86) !default;
$ink-ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55) !default;