@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

/* ============================================================
   安徽润添 MES · 全局色彩规范（方案A：冷白·蓝灰工业风）
   开发新页面时引入此文件，保持全系统视觉统一。
   ============================================================

   ── 背景层 ──────────────────────────────────────────────────
   --bg          #f0f2f5   页面底层背景（浅灰蓝，长时间使用不刺眼）
   --bg-card     #ffffff   卡片、表格、弹窗背景（纯白）
   --bg-header   #1a2e4a   顶部导航背景（深蓝，保留品牌识别感）
   --bg-sidebar  #ffffff   侧边栏背景（纯白）
   --bg-hover    #f4f6fa   菜单/列表行 hover 背景
   --bg-active   #fff4eb   菜单选中背景（橙色浅底）
   --bg-input    #f7f8fa   输入框默认背景

   ── 文字层 ──────────────────────────────────────────────────
   --text        #1a2335   主字色（深蓝黑，用于标题、正文）
   --text2       #6b7a90   次字色（副标题、说明、表头）
   --text3       #b0bac8   弱字色（占位符、禁用态）
   --text-invert #ffffff   反色字（用于深色背景，如导航栏）

   ── 品牌主题色 ───────────────────────────────────────────────
   --amber       #e8872a   主品牌橙（按钮、激活态、强调）
   --amber2      #f5a623   主品牌橙亮（渐变终止色）
   --amber-light #fff4eb   主品牌橙浅底（tag背景、hover底）

   ── 功能状态色 ───────────────────────────────────────────────
   --green       #389e0d   成功/正常/合格
   --green-light #f6ffed   成功浅底（tag、提示背景）
   --red         #cf1322   危险/错误/禁用
   --red-light   #fff1f0   危险浅底
   --blue        #1677ff   信息/链接/蓝色标签
   --blue-light  #e6f4ff   信息浅底
   --gold        #d48806   警告/待处理/异常
   --gold-light  #fffbe6   警告浅底

   ── 边框与分割线 ────────────────────────────────────────────
   --border      #e4e8ef   常规边框（卡片、输入框、表格）
   --border2     #f0f2f5   弱边框（表格行分隔、内部分割）

   ── 阴影 ────────────────────────────────────────────────────
   --shadow-sm   0 1px 4px rgba(0,0,0,.06)    小阴影（卡片悬浮）
   --shadow-md   0 4px 16px rgba(0,0,0,.08)   中阴影（下拉、浮层）
   --shadow-lg   0 8px 32px rgba(0,0,0,.12)   大阴影（弹窗、登录卡片）

   ── 顶部导航专用（深色区域内使用） ──────────────────────────
   --nav-text    #ffffff                顶栏主文字
   --nav-text2   rgba(255,255,255,.6)   顶栏次文字/图标
   --nav-border  rgba(255,255,255,.1)   顶栏分割线
   --nav-hover   rgba(255,255,255,.08)  顶栏按钮 hover
   ============================================================ */
:root{
  --bg:#f0f2f5;
  --bg-card:#ffffff;
  --bg-header:#1a2e4a;
  --bg-sidebar:#ffffff;
  --bg-hover:#f4f6fa;
  --bg-active:#fff4eb;
  --bg-input:#f7f8fa;

  --text:#1a2335;
  --text2:#6b7a90;
  --text3:#b0bac8;
  --text-invert:#ffffff;

  --amber:#e8872a;
  --amber2:#f5a623;
  --amber-light:#fff4eb;

  --green:#389e0d;
  --green-light:#f6ffed;
  --red:#cf1322;
  --red-light:#fff1f0;
  --blue:#1677ff;
  --blue-light:#e6f4ff;
  --gold:#d48806;
  --gold-light:#fffbe6;

  --border:#e4e8ef;
  --border2:#f0f2f5;

  --shadow-sm:0 1px 4px rgba(0,0,0,.06);
  --shadow-md:0 4px 16px rgba(0,0,0,.08);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12);

  --nav-text:#ffffff;
  --nav-text2:rgba(255,255,255,.6);
  --nav-border:rgba(255,255,255,.1);
  --nav-hover:rgba(255,255,255,.08);
}

*{box-sizing:border-box;margin:0;padding:0}