// ============================================================
// 冷轧双机架二级控制系统 — 工业深色主题色板
// ============================================================

// btn.scss 依赖的旧变量（映射到工业色板）
$blue:      #0099cc;
$light-blue:#00d4ff;
$red:       #ff3d00;
$pink:      #ff6b6b;
$green:     #00c853;
$tiffany:   #00b4d8;
$yellow:    #ff8c00;
$panGreen:  #00c853;

// 工业色调
$industrial-bg:         #0a1628;   // 深海军蓝，主背景
$industrial-surface:    #0e2137;   // 卡片/面板背景
$industrial-border:     #1a3a5c;   // 边框色
$industrial-cyan:       #00d4ff;   // 工业青色，主高亮
$industrial-amber:      #ff8c00;   // 琥珀橙，警告/重点
$industrial-green:      #00e676;   // 状态绿，正常/运行
$industrial-red:        #ff3d00;   // 告警红
$industrial-text:       #c8d8e8;   // 主文字
$industrial-text-muted: #6b8aaa;   // 次要文字

// 默认侧边栏主题（工业深色）
$base-menu-color:            #8ab0cc;
$base-menu-color-active:     #00d4ff;
$base-menu-background:       #0a1628;
$base-logo-title-color:      #e0f0ff;

$base-menu-light-color:      rgba(0,0,0,.70);
$base-menu-light-background: #ffffff;
$base-logo-light-title-color:#001529;

$base-sub-menu-background:   #071120;
$base-sub-menu-hover:        #0d2040;

$base-sidebar-width: 210px;

// webpack JS/SCSS 变量共享
:export {
  menuColor:            $base-menu-color;
  menuLightColor:       $base-menu-light-color;
  menuColorActive:      $base-menu-color-active;
  menuBackground:       $base-menu-background;
  menuLightBackground:  $base-menu-light-background;
  subMenuBackground:    $base-sub-menu-background;
  subMenuHover:         $base-sub-menu-hover;
  sideBarWidth:         $base-sidebar-width;
  logoTitleColor:       $base-logo-title-color;
  logoLightTitleColor:  $base-logo-light-title-color;
}
