/* Harmony navigation palette; applies only to the main sidebar in light mode. */
html:not(.dark) .reference-classic-sider,
html:not(.dark) .reference-classic-sider > .n-layout-sider-scroll-container {
  background: #eaf0f8 !important;
  --n-color: #eaf0f8 !important;
  --n-border-color: #cbd8eb !important;
}
html:not(.dark) .reference-classic-sider .reference-logo-area,
html:not(.dark) .reference-classic-sider .reference-user-area {
  background: #eaf0f8 !important;
  border-color: #cbd8eb !important;
}
html:not(.dark) .reference-classic-sider .n-menu-item-content {
  color: #334155 !important;
  --n-item-text-color: #334155 !important;
  --n-item-icon-color: #64748b !important;
}
html:not(.dark) .reference-classic-sider .n-menu-item-content:not(.n-menu-item-content--selected):hover::before {
  background: #dce7f6 !important;
}
html:not(.dark) .reference-classic-sider .n-menu-item-content--selected::before {
  background: #cfdef7 !important;
}
html:not(.dark) .reference-classic-sider .n-menu-item-content--selected .n-menu-item-content-header,
html:not(.dark) .reference-classic-sider .n-menu-item-content--selected .n-menu-item-content-header a,
html:not(.dark) .reference-classic-sider .n-menu-item-content--selected .n-menu-item-content__icon {
  color: #1d4ed8 !important;
}

/* Horizontal navigation uses the same palette as the sidebar. */
html:not(.dark) .n-layout-header:has(.n-menu--horizontal) {
  background: #eaf0f8 !important;
  --n-color: #eaf0f8 !important;
  border-bottom-color: #cbd8eb !important;
}
html:not(.dark) .n-layout-header .n-menu--horizontal {
  background: transparent !important;
  --n-item-text-color-horizontal: #334155 !important;
  --n-item-icon-color-horizontal: #475569 !important;
  --n-item-text-color-active-horizontal: #1d4ed8 !important;
  --n-item-icon-color-active-horizontal: #1d4ed8 !important;
  --n-item-text-color-hover-horizontal: #1d4ed8 !important;
}
html:not(.dark) .n-layout-header .n-menu--horizontal .n-menu-item-content--selected .n-menu-item-content-header,
html:not(.dark) .n-layout-header .n-menu--horizontal .n-menu-item-content--selected .n-menu-item-content-header a,
html:not(.dark) .n-layout-header .n-menu--horizontal .n-menu-item-content--selected .n-menu-item-content__icon {
  color: #1d4ed8 !important;
}