/* ============================================================
   配送管理 · 设计 token（方案 A：美团黄 × 专业亮色）
   ------------------------------------------------------------
   这是全软件配色的唯一来源。桌面端（src/desktop/renderer.html，
   file:// 经 ../shared/theme.css 相对引用）与云端后台
   （src/server/public/index.html，经 /transfer/theme.css 引用，
   由 app.js transferAssets 映射到本文件）均通过 <link> 引用，
   两端 <style> 块不再内联 token 副本（组件级范式仍保留内联等价
   声明，后置于 link，同名属性以内联为准）。
   修改 token 时只改这里，并跑 node scripts/ui-smoke.mjs verify
   确认功能零回归。
   ============================================================ */

:root {
  /* 字体：品牌字体栈，禁用 -apple-system/Segoe UI 等系统默认 */
  --font: "MiSans", "HarmonyOS Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* 中性色阶（亮色） */
  --bg: #f6f7f9;          /* 页面底 */
  --surface: #ffffff;     /* 卡片/侧栏 */
  --surface-2: #fafbfc;   /* 悬浮/hover 底 */
  --line: #e5e9ef;        /* 主边框 */
  --line-soft: #eff2f5;   /* 弱分隔线 */
  --ink: #1e2530;         /* 主文字 / 主按钮底 */
  --ink-2: #5b6675;       /* 次级文字 */
  --ink-3: #8a94a3;       /* 辅助文字 / 表头 */

  /* 品牌色：只允许出现在 ①品牌标记 ②导航/页签选中态 ③焦点环 ④关键强调条 */
  --brand: #ffd100;
  --brand-deep: #f2c400;
  --brand-tint: #fff8db;   /* 选中态浅底 */
  --brand-line: #f0de8a;   /* 品牌色系描边 */

  /* 语义色：与品牌黄严格分离，告警永不用黄色 */
  --ok: #16803c;      --ok-tint: #eaf6ee;   --ok-dot: #1db954;
  --warn: #b25e09;    --warn-tint: #fff3e4;
  --crit: #d3382c;    --crit-tint: #fcebe9; --crit-deep: #b0271d;

  /* 形状与动效 */
  --radius: 10px;     /* 卡片 */
  --radius-s: 8px;    /* 按钮/输入框 */
  --dur: 0.14s;       /* 统一过渡时长 */
}

/* ---- 组件范式 ---- */

/* 按钮：主按钮墨黑（不是品牌黄，避免与告警黄混淆） */
button {
  background: var(--ink);
  color: #fff;
  border: 1px solid var(--ink);
  border-radius: var(--radius-s);
  min-height: 36px;
  transition: background var(--dur) ease, border-color var(--dur) ease;
}
button:hover:not(:disabled) { background: #2c3644; }
button.secondary { background: var(--surface); color: var(--ink); border-color: var(--line); }
button.secondary:hover:not(:disabled) { background: var(--surface-2); border-color: #c6ceda; }

/* 焦点环：键盘可见性用品牌黄 */
:focus-visible { outline: 2px solid var(--brand); outline-offset: 1.5px; }

/* 导航/页签选中：浅黄底 + 左侧/底部品牌黄指示条，禁用蓝底 */
.nav-item.active, .module-button.active { background: var(--brand-tint); color: var(--ink); }
.tab-button.active::after { background: var(--brand); } /* 底部 2.5px 指示条 */

/* 徽标四态之红色风险态（与 .pill-ok/.pill-warn/.pill-muted 并列）；
   声明与 renderer.html / 云端后台内联副本保持等价 */
.pill-crit { background: var(--crit-tint); color: var(--crit-deep); border-color: #f2c7c2; }

/* 表格：表头 ink-3 小字、行 hover surface-2、分隔线 line-soft */
tbody tr:hover { background: var(--surface-2); }

/* 文本选中 */
::selection { background: var(--brand); color: #1d1d1f; }

/* 日志面板：墨黑底等宽字 */
.log-panel { background: var(--ink); color: #dce6ee; font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; }