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

body.skin-light {
  --bg:          #F3F4F6;
  --bg-header:   #FFFFFF;
  --bg-side:     #F7F7F5;
  --bg-card:     #FFFFFF;
  --bg-soft:     #F1EFE8;
  --bg-hover:    #EFEFEC;
  --bg-active:   #D8F0EA;
  --bg-code:     #F5F6F7;
  --ink:         #2C2C2A;
  --ink-2:       #5F5E5A;
  --ink-3:       #888780;
  --line:        #E5E5E5;
  --line-strong: #CFD4DA;
}

/* 配置页是"密集表格"场景（99 号 §五：行业通行做法，不是"土"）：
   表格行高收紧一点，一屏能多比对两行。 */
body.skin-light table.tb th,
body.skin-light table.tb td { padding: 5px 8px; }

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

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