/* R17 keeps the navigation dark in both page themes. Variables stay inside the drawer. */
body.r15-shell .r15-sidebar {
  --r15-nav-bg: #122238;
  --r15-nav-ink: #e5edf9;
  --r15-nav-muted: #afc1d9;
  --r15-nav-line: #30445f;
  --r15-nav-hover: #203650;
  --r15-nav-active: #29496e;
  --r15-nav-active-ink: #ffffff;
  color-scheme: dark;
  scrollbar-color: #526b8d transparent;
}
body.r15-shell .r15-sidebar input,
body.r15-shell .r15-sidebar select { color-scheme: dark; }
body.r15-shell .r15-sidebar :focus-visible { outline: 3px solid #9bcaff; outline-offset: 3px; }
body.r15-shell .r15-sidebar .r15-nav-item.active,
body.r15-shell .r15-sidebar .r15-nav-item[aria-current="page"] {
  border-color: #4c719c !important;
  box-shadow: inset 3px 0 var(--brand);
}
body.r15-shell .r15-sidebar .r15-nav-group:has(.r15-nav-item[aria-current="page"]) > summary {
  background: #1b304b;
}
body.r15-shell .r15-sidebar .em-signout button:hover,
body.r15-shell .r15-sidebar .em-signout button:focus-visible {
  background: #492e3b;
  color: #ffdce3;
}
body.r15-shell .r15-sidebar .r15-public-drawer-account > .btn-outline {
  background: var(--r15-nav-hover);
  border-color: var(--r15-nav-line);
}
@media (forced-colors: active) {
  body.r15-shell .r15-sidebar .r15-nav-item[aria-current="page"] {
    outline: 2px solid Highlight;
    outline-offset: -3px;
  }
}
