/**
 @Name: Hui-Vue2
 @Author: HAIFAN
 @version:8.4.4
 @date:2025年05月25日09:40:39
 */
// 全局命名空间
$namespace: hui;

//1.颜色
$white: #ffffff !default;
$black: #000000 !default;
$g-100: #fafafa !default;
$g-200: #f0f0f0 !default;
$g-300: #e5e5e5 !default;
$g-400: #d9d9d9 !default;
$g-500: #bdbdbd !default;
$g-600: #7d7d7d !default;
$g-700: #626266 !default;
$g-800: #404040 !default;
$g-900: #001529 !default;
$g-333: #333 !default;
$g-666: #666 !default;
$g-999: #999 !default;

//2.彩色
$blue: #2995fc !default;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #ff0b3a !default;
$orange: #ff8a26 !default;
$yellow: #fec32d !default;
$green: #008965 !default;
$teal: #48d0c0 !default;
$cyan: #31bdec !default;
$steelblue: #738c99 !default;
$ashes: #31394d !default;

// 行为状态色
$primary: $blue !default; //主色
$secondary: $g-600 !default; //次要
$success: $green !default; //成功
$info: $cyan !default; //信息
$warning: $yellow !default; //警告
$danger: $red !default; //危险
$light: $g-100 !default; //亮色
$dark: $g-800 !default; //暗色

//3.渐变（背景）
$grad-cyan: linear-gradient(120deg, #00e9d4, #00a6dd) !default;
$grad-red: linear-gradient(120deg, #ff8f70, #ff67a0) !default;
$grad-green: linear-gradient(120deg, #e0f57a, #00a66e) !default;
$grad-purple: linear-gradient(120deg, #f970ed, #8e5ff4) !default;
$grad-bule: linear-gradient(120deg, #31bdec, #2a5eff) !default;
$grad-yellow: linear-gradient(120deg, #fec32d, #ff8a26) !default;

//4.彩色阴影
$shadow-cyan: 0 10px 20px rgba(#00a6dd, $alpha: 0.4) !default;
$shadow-red: 0 10px 20px rgba(#ff67a0, $alpha: 0.4) !default;
$shadow-green: 0 10px 20px rgba(#00ce88, $alpha: 0.4) !default;
$shadow-purple: 0 10px 20px rgba(#8e5ff4, $alpha: 0.4) !default;
$shadow-blue: 0 10px 20px rgba(#2a5eff, $alpha: 0.4) !default;
$shadow-yellow: 0 10px 20px rgba(#ff8a26, $alpha: 0.4) !default;

//5.阴影(box-shadow)
$box-shadow-hover: -10px 0 30px rgba($primary, $alpha: 0.3);
$box-shadow-sm: 0 2 4px rgba($black, 0.075) !default;
$box-shadow: 0 0 10px rgba($black, 0.1) !default;
$box-shadow-lg: 0 16px 48px rgba($black, 0.175) !default;

// 6.背景渐变
$grad-line-bottom: linear-gradient($red, $yellow); //向下
$grad-line-right: linear-gradient(to right, $red, $yellow); //向右
$grad-line-bottom-right: linear-gradient(to bottom right, $red, $yellow); //下右
$grad-line-deg: linear-gradient(240deg, $red, $yellow); //角度
$grad-line-more: linear-gradient($red, $yellow, $blue, $red); //多个
$grad-line-trans: linear-gradient(
  to right,
  rgba(0, 0, 0, 0),
  rgba(255, 0, 0, 0.5)
); //使用透明度

// 5.1文字阴影默认
$text-shadow: 0 0 10px rgba($primary, $alpha: 0.6) !default;
// 5.1文字阴影暗
$text-shadow-dark: 0 0 10px rgba($dark, $alpha: 0.6) !default;
// 5.1文字阴影亮
$text-shadow-light: 0 0 20px $white !default;

//7.字体
$font-family-base: "Microsoft YaHei", 微软雅黑, 宋体, 黑体, "Helvetica Neue",
  Tahoma, Arial, "Hiragino Sans GB" !default; //默认
$font-family-sans-serif: -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" !default; // 无趁线
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
  "Liberation Mono", "Courier New", monospace !default; // 等宽字体
$ft-bs: 16px !default; //默认字体大小 //16px
$ft-sm: $ft-bs * 0.875 !default; // 14px
$ft-lg: $ft-bs * 1.125 !default; // 18px
$ft-bg: $ft-bs * 1.5 !default; // 24px
$ft-max: $ft-bs * 2 !default; // 32px
$ft-max-lg: $ft-bs * 2.25 !default; // 36px
$ft-max-bg: $ft-bs * 2.5 !default; // 40px
//字体
$ft-wg-lt: lighter !default;
$ft-wg-lh: 300 !default;
$ft-wg-nm: 400 !default;
$ft-wg-bd: 700 !default;
$ft-wg-bdr: bolder !default;
$ft-wg-bs: $ft-wg-nm !default;
//h1--h6
$h1-ft: $ft-bs * 2.125 !default; // 40px
$h2-ft: $ft-bs * 2 !default; // 32px
$h3-ft: $ft-bs * 1.75 !default; // 28px
$h4-ft: $ft-bs * 1.5 !default; // 24px
$h5-ft: $ft-bs * 1.25 !default; // 20px
$h6-ft: $ft-bs !default; // 16px
//3.页面(body)
$body-bg: $white !default;
$body-font: $font-family-base !default;
$body-size: $ft-sm !default;
$body-color: $g-900 !default;
$body-container: 100% !default;
$body-main: 100% !default;
$body-wrap: 100% !default;
$footer-bg: #f4f5f7 !default; // 页面（footer）

// 4.链接(link)
$link-color: $g-333 !default;
$link-hover-color: $g-600 !default;
$link-decoration: none !default;
$link-hover-decoration: null !default;

//3.导航(nav)
$nav-bg: $primary !default;
$nav-width: 100% !default;
$nav-size: 60px !default;
$nav-ft: $ft-bs + 6px !default;
$navbar-ht: $nav-size !default;
$nav-ht: $nav-size !default;
$nav-item-ht: $nav-size !default;
$nav-item-lht: $nav-size !default;
$nav-ht-a: $nav-size !default;

//3.1子导航
$sub-nav-size: 50px !default;
$sub-nav-bg: $g-200 !default;
$sub-nav-item-ht: $sub-nav-size !default;
$sub-nav-item-lht: $sub-nav-size !default;
$sub-nav-ht-a: $sub-nav-size !default;

// 3.2导航链接
$nav-link-padding-y: 18px !default;
$nav-link-padding-x: 18px !default;
$nav-link-font-size: 14px !default;
$nav-link-font-weight: null !default;
$nav-link-color: $white !default;
$nav-link-hover-color: $yellow !default;
$nav-link-transition: color 0.15s ease-in-out,
  background-color 0.15s ease-in-out, border-color 0.15s ease-in-out !default;
$nav-link-disabled-color: $g-600 !default;

// 4.圆角(border-radius)
$border-radius: 4px !default;
$border-radius-sm: 3px !default;
$border-radius-lg: 5px !default;
$border-radius-mx: 10px !default;
$border-radius-round: 100px !default;
$border-radius-circle: 50% !default;

// 7.内间距(padding)
$pd-sm: 5px !default;
$pd-base: 10px !default;
$pd-lg: 15px !default;
$pd-bg: 25px !default;
$pd-max: 30px !default;

// 8.外边距（margin）
$mg-sm: 5px !default;
$mg-base: 10px !default;
$mg-lg: 15px !default;
$mg-bg: 25px !default;
$mg-max: 30px !default;

// 9.行高（line-height）
$lh-sm: 1 !default;
$lh-base: 1.5 !default;
$lh-lg: 2 !default;

// 10.边框（border）
$border: 1px solid $g-300;

// 11.按钮（btn）
$btn-border-radius: $border-radius !default;
$btn-border-radius-lg: $border-radius-lg !default;
$btn-border-radius-sm: $border-radius-sm !default;
$btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;

// 12.列表(list)
$list-item-pt: 15px;
$list-item-pb: 15px;
$list-item-link-color: $link-color !default;
$list-item-link-color-hover: $primary !default;
$list-item-link-ft-size: $ft-bs !default;
$list-item-link-width: 84% !default;
$list-item-time-ft: $ft-bs !default;
$list-item-time-color: $g-999 !default;
$list-item-dot-width: 4px !default;
$list-item-dot-height: 4px !default;
$list-item-dot-bg: $g-600 !default;
$list-item-dot-hover: $primary !default;

//slideMultiImg(多图轮播)
$slideMultiImg-width: 100% !default;
$slideMultiImg-height: 540px !default; //整体高度
$slideMultiImg-li-width: 368px !default; //整体宽度
$slideMultiImg-li-height: 480px !default; //整体高度
$slideMultiImg-li-margin: 20px !default; //margin

// slideTxtBox(Tab切换)
$slideTxtBox-width: 100% !default; //整体宽度
$slideTxtBox-hd-height: 40px !default; //头部高度
$slideTxtBox-hd-line-height: 40px !default; //行高
$slideTxtBox-hd-title-padding: 0 16px !default; //头部文字
$slideTxtBox-hd-title-font-size: 18px !default; //头部文字大小
$slideTxtBox-bd-padding: 15px !default; //内容内边距

// 通过启用或禁用可选功能快速修改全局样式（开启或者关闭某些样式）
$enable-caret: true !default;
$enable-rounded: true !default; //圆角
$enable-shadows: true !default;
$enable-gradients: false !default;
$enable-transitions: true !default;
$enable-reduced-motion: true !default;
$enable-smooth-scroll: true !default;
$enable-grid-classes: true !default;
$enable-cssgrid: false !default;
$enable-button-pointers: true !default;
$enable-rfs: true !default;
$enable-validation-icons: true !default;
$enable-negative-margins: false !default;
$enable-deprecation-messages: true !default;
$enable-important-utilities: true !default;

// 间距
$grid-columns: 12 !default;
$grid-gutter-width: 30px !default;
$grid-row-columns: 6 !default;

// Cards卡片面板
$card-spacer-y: 12px !default;
$card-spacer-x: 20px !default;
$card-border-width: 1px !default;
$card-border-radius: $border-radius !default;
$card-border-color: rgba($black, 0.125) !default;
$card-inner-border-radius: subtract(
  $card-border-radius,
  $card-border-width
) !default;
$card-cap-bg: $white !default;
$card-cap-color: $g-666 !default;
$card-height: null !default;
$card-color: $g-666 !default;
$card-bg: #004e4b !default;
$card-img-overlay-padding: 20px !default;
$card-group-margin: $grid-gutter-width * 0.5 !default;
$card-deck-margin: $card-group-margin !default;
$card-columns-count: 3 !default;
$card-columns-gap: 20px !default;
$card-columns-margin: $card-spacer-y !default;

// 后台框架-----------------------
// 登录页
$login-bg: "~@/design/img/login-bg.jpg" !default;
$login-logo-size: 100px !default;
$login-text-color: $white !default;
$login-text-cn: 50px !default;
$login-text-en: 18px !default;
$login-from-bg: $white !default;
$login-from-pd-y: 80px !default;
$login-from-pd-x: 120px !default;
$login-from-h1: 28px !default;
$login-from-h1-color: $white !default;
$login-btn-bg: $primary !default;
$login-btn-color: $white !default;
$login-footer-text-color: $primary !default;

//侧边栏sidebar
$sideBarWidth: 210px !default;
$sidebar-bg: #0e1439 !default;
$sidebar-menu-bg: #0e1439 !default;
$sidebarLogoBoxHeight: 50px !default;
$sidebarLogoBoxWidth: 210px !default;
$sidebarLogoWidth: 210px !default;
$sidebarLogoHeight: 50px !default;
$sidebarTitleColor: $white !default;
$sidebarTitleFont: $ft-lg !default;
$sidebarTitlePd-top: 10px !default;

// 菜单尺寸
$menu-item-height: 56px !default;
$menu-item-line-height: 56px !default;
$menu-icon-size: 20px !default;
$menu-item-font: 14px !default;
// 菜单主题色
$menu-icon-color: #99a9bf !default; //图标
$menu-text-color: #99a9bf !default; //文字
$menu-item-bg-color: #263445 !default; //选中背景
$menu-item-hover-color: transparent !default;
// 二级子菜单
$sub-menu-bg: #263445 !default; //二级菜单背景

// 侧边栏sidebar折叠
$sidebarLogoBoxHeight-mini: 80px !default;
$sidebarLogoBoxWidth-mini: 64px !default;
$sidebarLogoWidth-mini: 42px !default;
$sidebarLogoHeight-mini: 42px !default;

// 侧边栏菜单箭头
$sidebar-icon-arrow-color: $steelblue !default;
$sidebar-icon-arrow-font: $ft-bs !default;
$menu-item-left-line-width: 4px !default; // 侧边栏装饰条宽度
$menu-item-left-line-color: $white !default; //  侧边栏装饰条颜色

// 顶部导航栏
$navbarWidth: 100% !default;
$navbarHeight: 50px !default; //默认60
$navbarBg: $white !default;
$navbarShow: 1px 0 15px rgba($black, $alpha: 0.1) !default;

// 主体wrap
$main-bg: $white !default;
$main-box-shadow: 1px 0 15px rgba($black, $alpha: 0.1) !default;
$main-pd: 20px !default;