/* =====================================================================
   员工工作管理台 · 统一主题令牌（Light/Dark）
   依据：/docs/design-light.md · v1.0
   原则：一层令牌，所有颜色走变量；旧变量名保留别名兼容已有代码。
   ===================================================================== */

/* ---------- 浅色主题（默认）· v1.5 奕格斯品牌浅蓝 ---------- */
:root{
  /* === 核心令牌 · 奕格斯品牌色板（v1.5 第一批 ①） === */
  --bg-page:#F7FBFD;          /* 页面底 */
  --bg-card:#FFFFFF;          /* 卡片白底 */
  --bg-subtle:#EEF7FB;        /* 次级底 */
  --line:#DCE9F0;
  --line-strong:#C3D9E6;
  --shadow:0 2px 12px rgba(91,91,214,.08);
  --card-shadow:0 2px 12px rgba(91,91,214,.08);

  --text-1:#1F2D38;           /* 正文 */
  --text-2:#7A8B99;           /* 次要文字 */
  --text-3:#93A3AF;
  --text-dis:#B4C2CC;

  --brand:#5B5BD6;            /* 主色：按钮 / 链接 / 选中态（v1.67 靛紫，区别于旧天空蓝） */
  --brand-text:#3F3FB0;
  --brand-hover:#4B4BC8;
  --brand-tint:#EEEEFB;
  --brand-tint-border:#CFCFF3;

  /* 品牌红（Eagle's Logo 中 L 的红）：关键数字 / "管理台"高亮字 / 警示紧急标签 */
  --brand-red:#E60012;
  --brand-red-tint:#FDE8EA;
  --brand-red-border:#F7C3C8;

  --bg-sidebar:#EEEEFB;       /* 侧栏 / 菜单底：浅靛紫（品牌同系） */
  --bg-topbar:rgba(247,251,253,.92);
  --nav-hover:#E3E3F8;        /* 菜单 hover */
  --hero-grad:linear-gradient(135deg,#5B5BD6 0%,#3F3FB0 100%);
  --brand-ink:#FFFFFF;
  --brand-deep:#2E2E92;

  /* 六种审批状态（浅色版）：文字 / tint 底 / 描边 */
  --st-pending-text:#2358C4;
  --st-pending-tint:#E9F0FC;
  --st-pending-border:#C6D6F3;
  --st-approved-text:#008056;
  --st-approved-tint:#E0F5EA;
  --st-approved-border:#B8E4CC;
  --st-rejected-text:#C62F35;
  --st-rejected-tint:#FCEBEC;
  --st-rejected-border:#F2C2C5;
  --st-returned-text:#9A6700;
  --st-returned-tint:#FBF1DD;
  --st-returned-border:#E8D2A6;
  --st-revoked-text:#5C6B66;
  --st-revoked-tint:#ECEFEE;
  --st-revoked-border:#D3DCD8;
  --st-cancelled-text:#6E7A75;
  --st-cancelled-tint:#EFF1F0;
  --st-cancelled-border:#DDE2E0;

  /* === 历史变量别名（兼容旧代码，禁止新增） === */
  --paper:var(--bg-page);
  --paper2:var(--bg-subtle);
  --surface:var(--bg-card);
  --surface2:var(--bg-subtle);
  --ink:var(--text-1);
  --ink2:var(--text-2);
  --ink3:var(--text-3);
  --ink4:var(--text-dis);
  --line2:var(--line-strong);
  --brand-deep:var(--brand-text);
  --amber:var(--st-returned-text);
  --ok:var(--st-approved-text);
  --warn:var(--st-returned-text);
  --bad:var(--st-rejected-text);
  --info:var(--st-pending-text);

  /* === v1.33 四板块色（保留作为二级识别，主角仍是品牌绿） === */
  --me-700:#0B7A8C;
  --me-500:#12A5BE;
  --me-tint:#E6F6F8;
  --me-border:#B9E4EA;
  --venue-700:#0F6FA3;
  --venue-500:#1487C4;
  --venue-tint:#E3F1F9;
  --venue-border:#BBDDF0;
  --hq-700:#1F4E79;
  --hq-500:#2E6DA4;
  --hq-tint:#E9F0F7;
  --hq-border:#C6D9E8;
  --ai-700:#5B5BD6;
  --ai-500:#6C63F0;
  --ai-tint:#EEEEFB;
  --ai-border:#CFCFF3;

  /* === v1.33 语义色别名 === */
  --ok33:var(--st-approved-text);
  --ok33-tint:var(--st-approved-tint);
  --ok33-border:var(--st-approved-border);
  --warn33:var(--st-returned-text);
  --warn33-tint:var(--st-returned-tint);
  --warn33-border:var(--st-returned-border);
  --bad33:var(--st-rejected-text);
  --bad33-tint:var(--st-rejected-tint);
  --bad33-border:var(--st-rejected-border);
  --info33:var(--st-pending-text);
  --info33-tint:var(--st-pending-tint);
  --info33-border:var(--st-pending-border);

  /* === v1.33 中性别名 === */
  --t1:var(--text-1);
  --t2:var(--text-2);
  --t3:var(--text-3);
  --tdis:var(--text-dis);
  --bd1:var(--line-strong);
  --dvd:var(--line);
  --bgs:var(--bg-subtle);
  --bgh:var(--bg-page);

  /* === 间距 / 圆角 / 阴影（两主题共用） === */
  --sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp5:20px;--sp6:24px;--sp8:32px;
  --rc:14px; --rcs:12px; --rb:10px;
  --sh1:0 1px 3px rgba(91,91,214,.06),0 4px 16px rgba(91,91,214,.05);
  --sh2:0 2px 4px rgba(91,91,214,.06),0 10px 24px rgba(91,91,214,.10);

  /* === 旧变量补充 === */
  --r:var(--rc);
  --serif:-apple-system,BlinkMacSystem,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  --sans:-apple-system,BlinkMacSystem,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
  --num:"DIN Alternate","Bahnschrift","Bahnschrift Condensed","Avenir Next Condensed","Arial Narrow",Helvetica,Arial,sans-serif;
  --mono:"SF Mono",Menlo,Consolas,"PingFang SC","Microsoft YaHei",monospace;
}

/* ---------- 深色主题 ---------- */
html[data-theme="dark"]{
  --bg-page:#14483A;          /* W3B-2 深绿提亮 */
  --bg-card:#1C5A49;
  --bg-subtle:#236B56;
  --line:#2F7A63;
  --line-strong:#3D8F76;
  --shadow:0 1px 3px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);

  --text-1:#E9F4EE;
  --text-2:#A9C6B9;
  --text-3:#7C9C8D;
  --text-dis:#56766A;

  --brand:#8C7BFF;
  --brand-text:#B3A8FF;
  --brand-hover:#A294FF;
  --brand-tint:rgba(140,123,255,.16);
  --brand-tint-border:rgba(140,123,255,.35);
  --brand-deep:#2E2E92;

  --bg-sidebar:#175243;
  --bg-topbar:rgba(20,72,58,.9);
  --nav-hover:rgba(140,123,255,.14);
  --brand-red:#FF5257;           /* 深色下的品牌红（保持可辨识） */
  --brand-red-tint:rgba(229,72,77,.18);
  --brand-red-border:rgba(229,72,77,.35);
  --card-shadow:0 1px 3px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
  --hero-grad:linear-gradient(135deg,#14483A,#1E6B54);/* W3B-2 */
  --brand-ink:#062B1E;

  --st-pending-text:#7FA8F0;
  --st-pending-tint:rgba(46,107,230,.18);
  --st-pending-border:rgba(46,107,230,.35);
  --st-approved-text:#3BC98A;
  --st-approved-tint:rgba(0,163,108,.18);
  --st-approved-border:rgba(0,163,108,.35);
  --st-rejected-text:#F07A7E;
  --st-rejected-tint:rgba(229,72,77,.18);
  --st-rejected-border:rgba(229,72,77,.35);
  --st-returned-text:#FFB650;
  --st-returned-tint:rgba(245,166,35,.16);
  --st-returned-border:rgba(245,166,35,.35);
  --st-revoked-text:#8FA09A;
  --st-revoked-tint:rgba(255,255,255,.10);
  --st-revoked-border:rgba(255,255,255,.20);
  --st-cancelled-text:#B7C1BC;
  --st-cancelled-tint:rgba(255,255,255,.07);
  --st-cancelled-border:rgba(255,255,255,.15);
}