/* MOS 系统设计令牌（框架层，D91）。管理台和系统 app（bi）共用这一份： * 管理台 index.html 它；bi 在构建期 @import 它（所以【改令牌要重发 bi】：bash apps/bi/deploy.sh）。 * boxplanner / 仓库几个 app 相对独立、不吃这份（Tim 2026-08-24 裁定）。 * * 取向： * · 中性色与主题三态机制沿用管理台（跟随系统 / 强制亮 / 强制暗，由 决定） * · 强调色按 bi 的 Power BI 路子——大面积中性，强调色只给真要人看的地方；色值取 * Power-BI-Design-Files 里 Economist (Bold) 的深青 #005f83（暗色 #3aa8c4） * · 状态色 ok/warn/bad/run 守运营后台的常识义（绿/琥珀/红/蓝），色值是管理台的克制版，字色与底色成对 * · 图表系列色 --s1..--s8 【不在这里】：那是数据可视化的事，住 bi 自己的 index.css * * 规矩：app 只加自己的变量，不重定义这里的（bi 的 check-css-vars 会拦）；要改就改这里，两边一起变。 */ :root { /* 中性：底 / 卡 / 线 / 字 / 次要字 */ --bg:#f4f5f7; --card:#fff; --line:#e3e6ea; --line2:#d3d7dd; --fg:#1c2024; --dim:#69707a; /* 强调：链接、主按钮、选中态 */ --accent:#005f83; --accent-fg:#fff; /* 状态：字色 + 底色成对 */ --ok:#127a3d; --okbg:#e7f6ed; --bad:#b42318; --badbg:#fdecea; --warn:#8a5a00; --warnbg:#fdf3e0; --run:#1f5eb8; --runbg:#e8f0fd; /* 系统壳（管理台侧栏） */ --side:#1b1f26; --side-fg:#aeb6c2; --side-dim:#6b7482; --side-line:#2a3039; --side-on:#fff; --side-onbg:rgba(255,255,255,.08); --side-accent:#6ea8ff; /* 字 */ --font:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",Roboto,"Helvetica Neue",sans-serif; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --fs-xs:11px; --fs-s:12px; --fs:13px; --fs-m:14px; --fs-l:17px; /* 形 */ --radius:8px; --radius-s:6px; --shadow:0 6px 24px rgba(0,0,0,.14); /* 抽屉、放大层 */ --shadow-s:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.05); /* 卡片：靠细边框 + 留白立起来，阴影只是一点点 */ --pop-shadow:0 10px 30px rgba(0,0,0,.18); /* 弹层、菜单 */ } @media (prefers-color-scheme: dark) { :root:not([data-theme=light]) { --bg:#131519; --card:#1b1e24; --line:#2a2f37; --line2:#39404b; --fg:#e6e8ea; --dim:#98a0aa; --accent:#3aa8c4; --accent-fg:#0b1014; --ok:#59d18d; --okbg:#12301f; --bad:#f88b7f; --badbg:#3a1a17; --warn:#e5b567; --warnbg:#372a12; --run:#7fb0f5; --runbg:#152441; --side:#101317; --side-line:#232830; --shadow:0 6px 24px rgba(0,0,0,.5); --shadow-s:none; --pop-shadow:0 10px 30px rgba(0,0,0,.5); } } :root[data-theme=dark] { --bg:#131519; --card:#1b1e24; --line:#2a2f37; --line2:#39404b; --fg:#e6e8ea; --dim:#98a0aa; --accent:#3aa8c4; --accent-fg:#0b1014; --ok:#59d18d; --okbg:#12301f; --bad:#f88b7f; --badbg:#3a1a17; --warn:#e5b567; --warnbg:#372a12; --run:#7fb0f5; --runbg:#152441; --side:#101317; --side-line:#232830; --shadow:0 6px 24px rgba(0,0,0,.5); --shadow-s:none; --pop-shadow:0 10px 30px rgba(0,0,0,.5); }