/* ============================================================
 * 木链通设计令牌 · 深空框架 × 白色内容 × 淘宝橙品牌（HHHH2 与官网统一）
 * 框架层（登录/侧栏/顶栏）深空 HUD 青点缀；内容层白纸 + 橙品牌（同官网）
 * ============================================================ */
:root {
  /* ---- 内容墨色（浅底深字）---- */
  --ink-950: #060b18;
  --ink-900: #0a1224;
  --ink-800: #16243d;
  --ink-700: #243552;
  --ink-600: #35486a;
  --ink-500: #4a5f84;
  --ink-400: #647898;
  --ink-300: #8ea0bd;
  --ink-200: #b6c4d9;
  --ink-100: #d8e1ee;
  --ink-50:  #eef3f9;

  /* ---- 星尘金（超管/警示）---- */
  --gold-800: #8a6420;
  --gold-700: #a97e2e;
  --gold-600: #c9a24a;
  --gold-500: #d4a94e;
  --gold-400: #e6c26b;
  --gold-200: #f4e3b8;
  --gold-100: #faf1dc;
  --gold-50:  #fdf8ec;

  /* ---- 品牌主色（HHHH2 批：学淘宝橙红，与官网 site.css MMM 批同值，全系统统一）---- */
  --jade-800: #b32e00;
  --jade-700: #e63e00;
  --jade-600: #ff5000;
  --jade-500: #ff6a00;
  --jade-400: #ff8f4d;
  --jade-200: #ffd9c2;
  --jade-100: #ffefe4;
  --jade-50:  #fff6ef;

  /* ---- 白纸内容面 ---- */
  --paper: #f2f5f9;
  --paper-2: #e8edf4;
  --card: #ffffff;
  --line: #dde5ef;
  --line-soft: #e8eef6;

  /* ---- 品牌映射（HHHH2 批：橙系，对齐官网淘宝橙）---- */
  --brand-900: #8a2300;
  --brand-800: #b32e00;
  --brand-700: #e63e00;
  --brand-600: #ff5000;
  --brand-500: #ff6a00;
  --brand-100: #ffefe4;
  --brand-50:  #fff6ef;

  /* 语义色（白底可读）*/
  --ok: #0d8a5f;      --ok-bg: #e6f6ef;
  --danger: #c93a56;  --danger-bg: #fbeaee;
  --warn: #a97e2e;    --warn-bg: #faf1dc;
  --info: #2d6fb0;    --info-bg: #e8f1fa;
  --purple: #7a5fc9;  --purple-bg: #f0ecfa;
  --gold: #a97e2e;

  /* BBBB3：数据可视化色板（图表专用，独立于 UI 品牌层——入库/出库/流转三系语义） */
  --chart-pos: #2a9a68;
  --chart-gold: #b8964f;
  --chart-info: #4a6a8a;

  /* ---- 溯源环节色（白底）---- */
  --stage-customs: #a97e2e;  --stage-odo: #2d6fb0;    --stage-exit: #c93a56;
  --stage-inbound: #0d8a5f; --stage-instock: #0d7d8f; --stage-split: #c07040;
  --stage-transfer: #4066b8; --stage-outbound: #b06030; --stage-receipt: #6a8a2e;
  --stage-chain: #a97e2e;   --stage-adjust: #0d7d8f;  --stage-stocktake: #7a5fc9;

  /* ---- 质感 ---- */
  --radius: 16px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(10,18,36,.05);
  --shadow: 0 1px 2px rgba(10,18,36,.03), 0 12px 36px rgba(10,18,36,.07);
  --shadow-lg: 0 24px 64px rgba(6,11,24,.16);
  --hairline: 1px solid var(--line);

  /* ---- 布局 ---- */
  --sidebar-w: 264px;
  --header-h: 64px;
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --side-grad: linear-gradient(178deg, #050a16 0%, #071022 45%, #0a1528 100%);

  /* ---- 框架层点缀（IIII2 批：深空侧栏/顶栏点缀由霓虹青收敛为品牌亮橙——全系统单一品牌色语言，
     依据 Ant Design「品牌色唯一」与 shadcn「accent 只在组件内」原则）---- */
  --neon: #ff8f4d;
  --neon-dim: rgba(255,143,77,.6);
  --hud-glow: 0 0 12px rgba(255,143,77,.3);
  --hud-panel: #ffffff;
  --hud-edge: 1px solid var(--line);

  /* ---- 文字层级（V1.46p P4：页面标题 24→27px/800，与模块标题 14.5px 拉开档位）---- */
  --t-h1: 800 27px/1.2 var(--font);
  --t-h2: 600 18px/1.3 var(--font);
  --t-label: 600 11px/1 var(--font);

  /* ---- OOOO 批·排版设计规范令牌 ----
     字号 6 级阶梯（收敛原 14 个零散档位 10~27px）：
     xs=徽章微标签 / sm=辅助说明 / md=正文菜单 / lg=卡片标题 / xl=区块标题 / h1=页面标题 */
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 18px;
  --fs-h1: 24px;
  /* 文字色 4 级（ink-300 及以下仅用于边框/装饰，不再作文字色） */
  --ink-title: var(--ink-900);
  --ink-body: var(--ink-700);
  --ink-sub: var(--ink-500);
  --ink-faint: var(--ink-400);
  /* 卡片规范三件套：圆角 14 / 内边距 20 / 边框浅线 */
  --radius-card: 14px;
  --pad-card-x: 20px;
}

/* 细滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c4cede; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #a8b6c9; }
::selection { background: rgba(255,143,77,.2); color: #06222b; }
