/* ============================================================================
 * light.css —— 浅色皮肤
 *
 * ★ 用在：顶部通栏 + ② 配置 + ④ 日志 + ⑤ 调试 + 平台日志 + 账号管理
 *   （33 号 §7.1；★ 只有 ① 结构物盯盘页用深色，见 dark.css）
 *
 * ★ 为什么单独成文件而不是写在 base.css 里：
 *   base.css 只管【结构与状态色】——那是不随皮肤变的东西；
 *   皮肤只覆盖颜色令牌。这样加第三套皮肤不用碰布局，也就不会连带改坏
 *   "绿=正常/黄=一级/红=二级/灰=无法判断"这条不能动的口径。
 *
 * ★ 浅色是【默认值】（写在 base.css 的 :root 里），本文件只做两件事：
 *   ① 把默认值显式重申一遍（便于以后改默认皮肤时对照）
 *   ② 补浅色下需要额外照顾的几个细节
 * ========================================================================== */

/* ★★★ V1.5.0（P-03）关键改动：**这里不再重复定义颜色令牌**。
 *
 *   ★ 原来这里把 12 个颜色变量**又抄了一遍**（值跟 base.css 的 `:root` 完全一样），
 *     后果是：换一次主题色要**改两个文件**，漏一个就出现"半青半蓝"的界面
 *     —— 这正是"想统一换色改不动"的直接原因。
 *
 *   ★★ 现在：颜色令牌**只在 `base.css` 的 `:root` 里定义一次**（唯一事实源），
 *     本文件只保留【浅色皮肤真正需要额外照顾的细节】（见下）。
 *     换主题色 → 只改 base.css 那 4 个 `--brand*` 变量，全站生效。
 *
 *   ★ 如果以后真要做"浅色/深色两套不同令牌"，就在 `dark.css` 里覆盖，
 *     **浅色保持继承 `:root` 即可**（浅色是默认皮肤）。
 */

/* 配置页是"密集表格"场景（99 号 §五：行业通行做法，不是"土"）：
   表格行高收紧一点，一屏能多比对两行。
   ★ V1.5.0：字号放大后行高也跟着放宽一点点（从 5px 8px → 6px 9px），
     否则字大了反而更挤。 */
body.skin-light table.tb th,
body.skin-light table.tb td { padding: 6px 9px; }

/* 浅色下表格斑马纹很轻，避免和状态色打架 */
body.skin-light table.tb tbody tr:nth-child(even) { background: #FAFBFD; }

/* 浅色下"紫=仅 root"的标签要压住背景，不然在白色上发飘 */
body.skin-light .badge.root { border: 1px solid #D9D6F7; }