/* 多角色体验改版 · 暖色皮肤(Inc6)
 * 参考 data/design/Dsign_nl_Spcc.md 的配色(仅配色,标准 Web 布局)。
 * 用法:各页 <head> 在 Tailwind 之后引入本文件;页内 <style> 把主色映射到这些变量。
 * 角色强调色:员工=橙 / 部门管理员=绿 / 全局管理员=蓝。
 */
:root,
html[data-color-theme="warm"] {
  --page: #FBF6EA; --card: #ffffff; --line: #ECE3D3; --line2: #F0E7D6;
  --ink: #5C3A24; --ink2: #8a7160; --brown: #783A1E;
  --green: #B6C86C; --green-d: #4f6b1e; --green-b: #a9bd60; --green-bg: #eef3d8;
  --orange: #FFB03A; --orange-bg: #FFF3DD; --orange-tx: #9a6a1a; --orange-b: #F5C877;
  --pink: #FFB6C1; --pink-bg: #ffe9ee; --pink-tx: #b1547a;
  --blue: #8AB4F8; --blue-d: #5b86c9; --blue-bg: #e7eefb;
  --danger: #a1341e; --danger-bg: #fdf2ec; --danger-b: #f0c9bb;
}

html[data-color-theme="blue"] {
  --page: #e6f0f6; --card: #ffffff; --line: #c5d5e2; --line2: #d4e2ec;
  --ink: #163042; --ink2: #5a7384; --brown: #1a5f73;
  --green: #2d8a78; --green-d: #1a5f6e; --green-b: #3d9a88; --green-bg: #dcefeb;
  --orange: #4aa3c7; --orange-bg: #d4eaf4; --orange-tx: #1e5a73; --orange-b: #8ec5dc;
  --pink: #7eb6d4; --pink-bg: #e3f1f8; --pink-tx: #2b6b94;
  --blue: #5ba3d0; --blue-d: #2b6b94; --blue-bg: #e3f1f8;
  --danger: #a1341e; --danger-bg: #fdf2ec; --danger-b: #f0c9bb;
}

/* 语义标签(产品 tag / 成功 / 默认标) */
.tag-prod { background: var(--orange-bg); color: var(--orange-tx); border: 1px solid var(--orange-b); border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.tag-ok { background: var(--green-bg); color: var(--green-d); border: 1px solid var(--green-b); border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 700; }
.tag-default { background: var(--pink-bg); color: var(--pink-tx); border: 1px solid var(--pink); border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 700; }

/* 角色强调色 */
.role-emp { color: var(--orange-tx); }
.role-dept { color: var(--green-d); }
.role-global { color: var(--blue-d); }

/* 暖色主按钮(供无自定义 .btn 的页面直接用) */
.btn-warm { background: var(--green); color: #38460f; border: 1px solid var(--green-b); border-radius: 6px; padding: 8px 12px; font-weight: 700; }
.btn-warm:hover { background: var(--green-b); }