//vus前缀
$V: ".vus-" !default;

// 颜色定义规范
$--vusui: #199583 !default;
$--vusui-v1: #187 !default;
$--vusui-v2: #2a9 !default;
$--vusui-v3: #076 !default;
$--vusui-v4: #138d7b !default;
$--white: #fff !default; //白色
$--white-f1: #f1f1f1 !default;
$--white-f3: #f3f3f3 !default;
$--white-f5: #f5f5f5 !default;
$--white-f6: #f6f6f6 !default;
$--white-f8: #f8f8f8 !default;
$--gray: #999 !default; //灰色
$--gray-dark: #555 !default; //深灰
$--gray-light: #ccc !default; //浅灰
$--black: #000 !default; //黑色
$--dark: #333 !default; //暗黑
$--dark-d1: #242424 !default;
$--dark-d2: #444 !default;
$--dark-d3: #1f1f1f !default;
$--dark-d4: #2a2a2a !default;
$--dark-light: #888 !default; //浅灰暗
$--red: #f00 !default; //红色
$--red-dark: #c00 !default; //深红
$--red-light: #fcf1f1 !default; //亮白红
$--light: #eee !default; //亮灰白
$--light-e8: #e8e8e8 !default;
$--light-dark: #ddd !default; //暗灰白
$--light-a: #aaa !default;
$--light-b: #bbb !default;
$--green: #0f0 !default; //绿色
$--green-dark: #090 !default; //深绿
$--blue: #00f !default; //蓝色
$--blue-light: #09e !default; //浅蓝
$--orange: #f60 !default; //橙色
$--yellow: #ff0 !default; //黄色
$--yellow-light: #ff8 !default; //浅黄色
$--gold: gold !default; //金色
$--purple: #80f !default; //紫色
$--magenta: #f0f !default; //洋红
$--pink: #f8a !default; //粉红
$--teal: #099 !default; //水鸭色
$--cyan: #0ff !default; //青色
$--brown: #830 !default; //棕色
$--primary: #07e !default; //首选
$--primary-p1: #06c !default;
$--primary-p2: #18f !default;
$--primary-p3: #05c !default;
$--primary-p4: #016fde !default;
$--success: #2a4 !default; //成功
$--success-s1: #294 !default;
$--success-s2: #5b7 !default;
$--success-s3: #178e39 !default;
$--success-s4: #1fa040 !default;
$--success-msg: #e3ffec !default;
$--warning: #f93 !default; //警告
$--warning-w1: #e83 !default;
$--warning-w2: #fa5 !default;
$--warning-w3: #d73 !default;
$--warning-w4: #f5902a !default;
$--warning-msg: #ffefe0 !default;
$--danger: #d54 !default; //危险
$--danger-d1: #c44 !default;
$--danger-d2: #e65 !default;
$--danger-d3: #b34 !default;
$--danger-d4: #d4503f !default;
$--danger-msg: #ffedeb !default;
$--info: #3ae !default; //信息
$--info-i1: #29d !default;
$--info-i2: #4be !default;
$--info-i3: #1a8fd2 !default;
$--info-i4: #2ea1e2 !default;
$--info-msg: #e6f3ff !default;
$--noble: #98f !default; //尊贵
$--noble-n1: #87e !default;
$--noble-n2: #a9f !default;
$--noble-n3: #7d6ce6 !default;
$--noble-n4: #8d7cf1 !default;
$--tp: transparent !default; //透明

//body
$body-color: $--dark !default;
$body-bg: $--white !default;

//预定颜色
$colors: () !default;
$colors: map-merge((
	"vusui": $--vusui,
	"primary": $--primary,
	"success": $--success,
	"warning": $--warning,
	"danger": $--danger,
	"info": $--info,
	"noble": $--noble,
	"dark": $--dark,
	"light": $--gray-light,
	"white": $--white,
	"black": $--black,
	"red": $--red,
	"yellow": $--yellow,
	"green": $--green,
	"pink": $--pink,
	"orange": $--orange,
	"cyan": $--cyan,
	"brown": $--brown,
	"violet": $--purple
), $colors);

//主题颜色
$theme-color: () !default;
$theme-color: map-merge((
	"vusui": $--vusui,
	"primary": $--primary,
	"success": $--success,
	"warning": $--warning,
	"danger": $--danger,
	"info": $--info,
	"noble": $--noble,
	"dark": $--dark,
	"light": $--gray,
	"white": $--white
), $theme-color);

//表格主题
$table-theme-color: () !default;
$table-theme-color: map-merge((
	"vusui": ($--vusui, $--vusui-v1, $--vusui-v2, $--vusui-v3, $--vusui-v4),
	"primary": ($--primary, $--primary-p1, $--primary-p2, $--primary-p3, $--primary-p4),
	"success": ($--success, $--success-s1, $--success-s2, $--success-s3, $--success-s4),
	"warning": ($--warning, $--warning-w1, $--warning-w2, $--warning-w3, $--warning-w4),
	"danger": ($--danger, $--danger-d1, $--danger-d2, $--danger-d3, $--danger-d4),
	"info": ($--info, $--info-i1, $--info-i2, $--info-i3, $--info-i4),
	"noble": ($--noble, $--noble-n1, $--noble-n2, $--noble-n3, $--noble-n4),
	"dark": ($--dark, $--dark-d1, $--dark-d2, $--dark-d3, $--dark-d4),
	"light": ($--light, $--light-dark, $--light-dark, $--gray-light, $--light-e8),
	"white": $--white
), $table-theme-color);

//button主题颜色
$btn-theme-color: () !default;
$btn-theme-color: map-merge((
	"vusui": ($--vusui, $--vusui-v1, $--vusui-v3, $--white),
	"primary": ($--primary, $--primary-p1, $--primary-p3, $--white),
	"success": ($--success, $--success-s1, $--success-s3, $--white),
	"warning": ($--warning, $--warning-w1, $--warning-w3, $--white),
	"danger": ($--danger, $--danger-d1, $--danger-d3, $--white),
	"info": ($--info, $--info-i1, $--info-i3, $--white),
	"noble": ($--noble, $--noble-n1, $--noble-n3, $--white),
	"dark": ($--dark, $--dark-d1, $--dark-d3, $--white),
	"light": ($--light-b, $--light-a, $--gray, $--white),
	"white": ($--white, $--white-f5, $--white-f1, $--gray-dark)
), $btn-theme-color);

//Msg 提示类型颜色
$msg-color: () !default;
$msg-color: map-merge((
	"success": ($--success, $--success-msg),
	"warning": ($--warning, $--warning-msg),
	"danger": ($--danger, $--danger-msg),
	"info": ($--info, $--info-msg),
	"dark": ($--white, $--black)
), $msg-color);

//字体定义规范
$family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Microsoft YaHei UI", "WenQuanYi Micro Hei", "Century Gothic", "Microsoft YaHei", Arial, sans-serif !default;
$family-code: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$family-number: SourceCodeProRegular, $family-code !default;

//字体定义规范
//font-size
$font-size-xs: 12px !default;
$font-size-sm: 14px !default;
$font-size-md: 16px !default;
$font-size-lg: 18px !default;
$font-size-xl: 20px !default;
$font-size-root: $font-size-md !default;
$font-size-base: $font-size-sm !default;
$font-size-code: 13px !default;
$h1: ($font-size-xl * 2) !default;
$h2: ($font-size-md * 2) !default;
$h3: ($font-size-sm * 2) !default;
$h4: ($font-size-xs * 2) !default;
$h5: $font-size-xl !default;
$h6: $font-size-md !default;

//font-weight
$font-weight-light: 300 !default;
$font-weight-normal: 400 !default;
$font-weight-medium: 500 !default;
$font-weight-bold: 600 !default;
$font-weight-heavy: 700 !default;
$font-weight-base: $font-weight-normal !default;

//line-height
$line-height-xs: 1 !default;
$line-height-xs-p: 1.15 !default;
$line-height-sm: 1.2 !default;
$line-height-sm-p: 1.25 !default;
$line-height-md: 1.3 !default;
$line-height-md-p: 1.35 !default;
$line-height-lg: 1.4 !default;
$line-height-lg-p: 1.45 !default;
$line-height-xl: 1.5 !default;
$line-height-xxl: 1.8 !default;
$line-height-input-button: 1.4286 !default;
$line-height-base: $line-height-xl !default;

//边框定义规范
//border-width
$border-width-xs: 1px !default;
$border-width-sm: 2px !default;
$border-width-md: 3px !default;
$border-width-lg: 4px !default;
$border-width-xl: 5px !default;

//border-style
$border-style-solid: solid !default;
$border-style-dashed: dashed !default;
$border-style-dotted: dotted !default;
$border-style-double: double !default;

//媒体设备定义规范
$us: "us" !default;
$xs: "xs" !default;
$sm: "sm" !default;
$md: "md" !default;
$lg: "lg" !default;
// $xl: "xl" !default;

//@media
$media-min-width: (
	$us: 0,
	$xs: 560px,
	$sm: 768px,
	$md: 1002px,
	$lg: 1280px
	// $xl: 1920px
) !default;

//容器定义规范
$container-max-width: (
	$xs: 540px,
	$sm: 720px,
	$md: 1000px,
	$lg: 1220px
	// $xl: 1520px
) !default;

//宽与高定义规范
$sizes: () !default;
$sizes: map-merge((
	25: 25%,
	50: 50%,
	75: 75%,
	100: 100%,
	auto: auto
), $sizes);

//z-index定义规范
$zindex-1: -1 !default;
$zindex0: 0 !default;
$zindex1: 1 !default;
$zindex2: 2 !default;
$zindex3: 3 !default;
$zindex4: 4 !default;
$zindex5: 5 !default;
$zindex-fixed: 199583 !default;
$zindex-popup: 198728 !default;

//image定义规范
//loading
$img-load: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4xNScgdHJhbnNmb3JtPSdyb3RhdGUoMzAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjInIHRyYW5zZm9ybT0ncm90YXRlKDYwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNScgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjMnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNCcgdHJhbnNmb3JtPSdyb3RhdGUoMTUwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy41JyB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNycgdHJhbnNmb3JtPSdyb3RhdGUoMjQwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy44JyB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjknIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScxJyB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNjAsNjApJy8+PC9nPjwvc3ZnPg==');
//下拉菜单三角箭头
$img-select: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBhdXRob3I9InZ1c3VpLmNvbSI+CiAgPHBhdGggZmlsbD0iIzMzMyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiwzSDEyTDcsMTJaIi8+Cjwvc3ZnPgo=);