:root {
  --sidebar-primary-maroon: #a52a2a;
  --sidebar-deep-navy: #2c3e50;
  --sidebar-soft-hover: rgba(165, 42, 42, 0.05);
  --sidebar-soft-divider: rgba(59, 130, 246, 0.25);
  --sidebar-system-label: #6b7280;
}

#catalog-top-nav .nav-links li a,
#catalog-top-nav .nav-links summary {
  color: var(--sidebar-deep-navy) !important;
  font-weight: 500 !important;
  transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

#catalog-top-nav .menu-link-icon,
#catalog-top-nav .menu-link-icon {
  color: var(--sidebar-deep-navy);
  transition: color 0.3s ease;
}

#catalog-top-nav .nav-links li a:hover,
#catalog-top-nav .nav-links summary:hover,
#catalog-top-nav .nav-links li a:hover {
  background: var(--sidebar-soft-hover);
  color: var(--sidebar-primary-maroon) !important;
}

#catalog-top-nav .nav-links li a:hover .menu-link-icon,
#catalog-top-nav .nav-links summary:hover .menu-link-icon,
#catalog-top-nav .nav-links a.nav-active .menu-link-icon {
  color: var(--sidebar-primary-maroon);
}

#catalog-top-nav .nav-links a.nav-active,
#primary-navigation a.nav-active {
  color: var(--sidebar-primary-maroon) !important;
  background: var(--sidebar-soft-hover);
}

#catalog-top-nav .nav-links .mobile-nav-sub,
#catalog-top-nav .nav-links .mobile-nav-sub {
  color: #6b7280 !important;
  font-size: 0.75rem !important;
}

#catalog-top-nav .nav-links .mobile-nav-system,
#catalog-top-nav .nav-links .mobile-nav-system {
  border-top: 1px solid var(--sidebar-soft-divider) !important;
}

#catalog-top-nav .nav-links .mobile-nav-system-label,
#catalog-top-nav .nav-links .mobile-nav-system-label {
  color: var(--sidebar-system-label) !important;
  text-transform: uppercase;
}

#catalog-top-nav .nav-links .admin-login-link,
#catalog-top-nav .nav-links .admin-login-link {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 52%, #3b82f6 100%) !important;
  color: #ffffff !important;
}

#catalog-top-nav .nav-links .admin-login-link .menu-link-icon,
#catalog-top-nav .nav-links .admin-login-link .menu-link-icon {
  color: #ffffff !important;
}

#catalog-top-nav .nav-links .admin-login-link:hover,
#catalog-top-nav .nav-links .admin-login-link:hover {
  background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 52%, #2563eb 100%) !important;
}