/* Sidebar nested ul background layers (Plan C: fixed colors, max 5 layers)
 * Base color: #323a47 from body[data-sidebar="dark"] .vertical-menu
 * Each deeper layer is +2.5% lighter in HSL lightness.
 * Layer 1 = .vertical-menu base (#323a47) — unchanged.
 *
 * AA contrast vs text #c5c5c5:
 *   L1 6.64  L2 6.04  L3 5.45  L4 4.96  L5 4.52  (all ≥ 4.5 pass)
 */

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu {
  background-color: #38404f;          /* Layer 2 (+2.5%) */
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu {
  background-color: #3d4756;          /* Layer 3 (+5%) */
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu {
  background-color: #424d5d;          /* Layer 4 (+7.5%) */
}

body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu {
  background-color: #475365;          /* Layer 5 (+10%) */
}

/* 文字色 #c5c5c5（讓方案 C 5 層全部通過 AA） */
body[data-sidebar="dark"] #sidebar-menu ul li a,
body[data-sidebar="dark"] #sidebar-menu ul li a i,
body[data-sidebar="dark"] #sidebar-menu ul li ul.sub-menu li a,
body[data-sidebar="dark"] .menu-title {
  color: #c5c5c5;
}
body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu > ul > li:hover > ul a {
  color: #c5c5c5;
}